Uiquipedia:Tutorial/imagens

Origem: Desciclopédia, a enciclopédia livre de conteúdo.
Ir para: navegação, pesquisa
Wikiyt1.png
E
s
s
e
n
c
i
a
l
Manual do Desciclopediano
Os dez mandamentos
Como ser engraçado
e não apenas idiota
Regras
B
á
s
i
c
o
Introdução
Sobre o site
Página de testes
Adicionar links internos e externos
Formatar texto
Separar artigos em seções
Escrever citações
Adicionar imagens e vídeos
Adicionar sons
Criar um artigo
Wikificação
Utilizar HTML
I
n
t
e
r
m
e
d
i
á
r
i
o
Convenção de títulos
Criar tabelas
Mover páginas
Adicionar/criar categorias
Adicionar uma predefinição
Criar uma predefinição
S
o
c
i
a
l
Páginas de discussão
Arquivamento de discussão
Página de usuário
Personalizar assinatura
Criando o seu status
Conheça os fóruns
G
e
r
a
l
Solução de problemas
Guia Prático da Wikipedia
Fórmulas Matemáticas
Outros


Como faço para carregar uma foto na Desciclopédia?.png

Para adicionar imagens, autentique-se e clique em "carregar arquivo" do lado esquerdo da página. Após upá-lo na Desciclopédia, você pode adicioná-lo em artigos usando a tag [[Arquivo:NOMEDAIMAGEM]] (prefixo adotado atualmente) ou [[Imagem:NOMEDAIMAGEM]]. Lembre-se de colocar a extensão do arquivo (.jpg, .gif...) no final do nome, diferenciando maiúsculas de minúsculas. Exemplos:

[[Arquivo:NOMEDAIMAGEM.jpg]]

[[Imagem:NOMEDAIMAGEM.gif]]

Como ajeitar uma imagem num artigo

[[Arquivo:NOMEDAIMAGEM|left]] - Deixa a imagem à esquerda do texto.
[[Arquivo:NOMEDAIMAGEM|right]] - Deixa a imagem à direita do texto.
[[Arquivo:NOMEDAIMAGEM|thumb|DESCRIÇÃO]] - Adiciona uma descrição embaixo da imagem
[[Arquivo:NOMEDAIMAGEM|thumb|200px]] - Altera o tamanho da imagem (dependendo o número pode deixá-la maior ou menor)
  • Você pode colocar vários parâmetros na imagem, por exemplo:

:[[Arquivo:NOMEDAIMAGEM|left|thumb|200px|Essa é a minha imagem]]

Links nas imagens

Quando você coloca uma imagem, ao se clicar nela, você é direcionado à página da imagem. Exemplo:

Ao clicar nesta imagem, você irá ser levado a esta página, que é a página do arquivo da imagem.

Entretanto, você pode mudar o link para que ao se clicar na imagem, ela redirecione a uma página:

[[Arquivo:NOMEDAIMAGEM|link=LINKDAIMAGEM]] - Substitua "LINKDAIMAGEM" pelo nome da página a qual você quer que a imagem redirecione. Exemplo:
Ao clicar nesta imagem, você irá ser levado a esta página, que é a "Mesa de Truco" da Desciclopédia.

OBS: Você também pode colocar a imagem desta maneira:

[[Arquivo:NOMEDAIMAGEM|link=]]

Deste jeito, a imagem não irá conter um link, e ao clicar nela, não vai acontecer nada.

ATENÇÃO: Nenhum destes parâmetros funciona com o parâmetro thumb. Caso você deseje colocar link numa imagem com thumb, o procedimento é diferente:

<imagemap>
Arquivo:NOMEDAIMAGEM|thumb
default [[NOMEDAPAGINA]]
</imagemap>

Isso resultará no seguinte:

Ao clicar nesta imagem, você irá ser levado a esta página, que é a "Mesa de Truco" da Desciclopédia.

OBS: A tag imagemap também pode ser usada pra criar imagens sem o parâmetro thumb. Basta você remover este parâmetro da tag. Entretanto, é mais simples fazer da maneira explicada acima.

Galerias

É recomendável o uso de galerias em artigos com muitas imagens, e em artigos que possuem mais imagens que texto.

  • Para criar uma galeria, utilize a tag gallery, exemplo:
<gallery>
Arquivo:NOMEDAIMAGEM1|Descrição da imagem 1
Arquivo:NOMEDAIMAGEM2|Descrição da imagem 2
Arquivo:NOMEDAIMAGEM3|
...
Arquivo:NOMEDAIMAGEMn|Descrição da imagem n
</gallery>

Repare que as primeiras duas imagens da galeria terão uma descrição, mas a terceira não.

Exemplo:

Caso seja preciso limitar quantas imagens vão aparecer por linha, use o parâmetro "perrow".

Exemplo:

<gallery perrow=3>
Arquivo:Dercy gonçalves.JPG|[[Dercy Gonçalves]]
Arquivo:Vadergay.jpg|[[Lado rosa da força]]
Arquivo:Chuck-norris-left.jpg|[[Joseph Joestar]]
Arquivo:Batecabelo.gif|[[Hitler]], o [[emo]] psicopata
Arquivo:SatanN.jpg|[[Diabo]]
Arquivo:LulaTamanhoNabo.jpg|[[Lulassonaro|Outro diabo]]
</gallery>

É possível alterar o tamanho das imagens de uma galeria, usando os parâmetros "widths" e "heights", ou ambos (recomendável). Note que o tamanho de todas elas será alterado.

Exemplos:

Código
Resultado
<gallery widths=150>
Arquivo:Espanhanus.jpg|
Arquivo:Cachorros fumando maconha.jpg|
</gallery>
<gallery heights=200>
Arquivo:Espanhanus.jpg|
Arquivo:Cachorros fumando maconha.jpg|
</gallery>
<gallery widths=175 heights=175>
Arquivo:Espanhanus.jpg|
Arquivo:Cachorros fumando maconha.jpg|
</gallery>

Você também pode definir o formato da galeria, se ela terá a forma de um slideshow ou se as legendas terão mais destaque diante das imagens.

Por fim, se for usar galerias de forma mais avançada nos artigos pra dar aquela incrementada básica, você poderá ler o guia disponível na en:wikipedia (em ingrêis). Lá eles mostram de forma detalhada como funciona esse troço.

Vídeos do YouTube

Para isso basta usar a tag <YouTube>.

Para o vídeo do link https://www.youtube.com/watch?v=4PMOgF3oULc (atente-se para a parte negritada) por exemplo, faríamos assim:

  • <youtube>4PMOgF3oULc</youtube>
... que resultaria no seguinte

Redimensionando os vídeos

O usuário ainda pode redimensionar o tamanho do vídeo, usando os atributos width e height, deixando-o mesmo vídeo acima conforme o mostrado baixo:

  • <youtube width="200" height="150">4PMOgF3oULc</youtube>:

Melhorando a legibilidade de um artigo com vários vídeos

A mera inserção de um vídeo após o outro pode fazer com que o espaço da página não seja totalmente aproveitado. Em um artigo com vários vídeos (algo extremamente desaconselhável, a não ser que queira que seu artigo se torne uma mera extensão de merda do SeuTubo), pode-se melhorar a legibilidade e aproveitar melhor o espaço dele adicionando os vídeos a uma "tabela invisível", conforme o exemplo mostrado logo abaixo:

{|
|<YouTube width="300" height="200">4PMOgF3oULc</YouTube>
|<YouTube width="300" height="200">Epx7ilx4m5s</YouTube>
|}
Que resulta em