Central da Comunidade
Registre-se
Advertisement
Central da Comunidade

Adicionar imagens ajuda a melhorar a qualidade de qualquer artigo ao fornecer detalhes adicionais e ilustrar o assunto - afinal, uma imagem vale mais que mil palavras! Ela também pode melhorar o ranking dos sites de busca da wiki.

O processo de adicionar imagens para um artigo é muito similar com o processo de adicionar vídeos. para completar seu domínio das ferramentas de um ilustrador de wiki.

Requerimentos para adicionar imagens[]

Ambos usuários anônimos e registrados podem adicionar imagens a um artigo no editor de fonte. No editor visual, apenas usuários registrados podem fazê-lo.

As imagens dvem existir na wiki. Caso elas não estejam disponívels, então elas precisam ser carregadas primeiro. Ao tentar adicionar uma imagem que não existe na wiki irá apenas criar um link vermelho para uma página de arquivo.

Apenas usuários registrados e logados podem carregar arquivos. Veja esta página para detalhes de como carregar arquivos.

Como adicionar uma imagem no Editor Visual[]

Quando você estiver editando no Editor Visual, o processo de adicionar uma imagem a uma página é através da barra no topo do editor. Veja essa página de ajuda.

Lembre-se: Apenas usuários logados podem carregar arquivos e editar imagens pelo Editor Visual de uma wiki.
  • Após ter logado, clique no botão Editar ou Editor Visual na página na qual você quer adicionar imagens.
  • Uma vez dentro do Editor Visual, clique no botão Mídia localizado na barra superior. Isso abrirá as Configurações de Mídia, onde você pode procurar por arquivos existentes, ou carregar o seu próprio arquivo.
  • Uma vez que você tenha a imagem que quer adicionar, clique nela. A caixa de diálogo irá expandir a imagem e dar um pouco de informação sobre ela. Clique em use essa imagem para continuar.
  • A próxima caixa de diálogo permite que você customize como a imagem vai aparecer na página ao adicionar uma legenda ou texto alternatívo (tabela Geral) e dicidir o seu tamanho, alinhamento e aparência (tabela Avançado).
  • Quando terminado, clique em Inserir e então Save a página para adicionar as suas mudanças.

Você também pode editar imagens já presentes na página ao clicar nelas e selecionar o botão Editar, que abrirá a mesma janela de diálogo para a custoização de imagens.

Como adicionar uma imagem no editor de fonte[]

A edição de fonte mantém a opção de adicionar e customizar imagem pela barra superior, assim com o no Editor Visual. Mas a sua interface é fundamentalmente diferente do editor visual, você pode pular o processo acima e adicionar e editar diretamente com o wikitexto subjacente. A imagem segue um padrão específíco, e dentro de colchetes como se fosse um link comum.

[[File:Wiki.png|220px|center|thumb|link=Help:Adding images|alt=This is an alt text|class=This is for the HTML classes|And this a description]]

  • Cada imagem na página começa com File: ou Image:, seguido pelo nome exato do arquivo carregado. O nome das imagens são case-sensitive, ou seja, Wiki.png e WIKI.png são considerados arquivos diferentes.
  • Se apenas o link é específicado, a imagem será adicionada como ela é: Na resolução base e em linha. Para customizar a sua aparência, você pode adicionar argumentos, separados por uma barra vertical, |. Esses argumento são:
    • Tamanho, específicado por pixels. Por exemplo, 220px irá mostrar uma imagem de 220 pixels de largura, enquanto x120px irá mostrar uma imagem de 120 pixels de altura.
    • Alinhamento na página. left e right irá alinhar a imagem para a esquerda e direita respectivamente, com o texto contornando a imagem. center irá alinhar a imagem com o meio da página com nenhum texto ao redor dela.
    • Aparência. Adicionando thumb fará que a imagem apareça como uma thumbnail na largura padrão caso não específicado de antemão, com a descrição aparecendo abaixo dela. Você também pode escolher border para mostrar a imagem com uma borda ao redor dela.
    • Link fará com que a imagem abra uma página específica, ao invés da descrição da imagem. Ele é sempre precedido por um link=. A opção também pode ser usada para ignorar o lightbox e mostrar a imagem sem um link para a página de descriçãso. Isso pode ser feito ao adicionar a opção na sintaxe e prenchê-la com um valor vázio (nem mesmo um espaço).
    • Texto alternatívo, específicado com alt=, no qual irá aparecer caso a imagem não carregue. Esse textyo também é usado por search engines e screen readers, então é melhor específicar um texto alternatívo descritívo para cada imagem.
    • HTML class, específicado pela class=, define classes do elemento <img/> gerado. Por exemplo, class=foo__bar baz irá adicionar a classe="foo__bar baz" para o elemento de imagem gerado. Essas classes podem ser úteis quando esticver customizando a aparência das imagens pelas páginas de CSS.
    • Descrição, serão mostradas abaixo das imagens caso estiverem específicadas a aparecer como thumbnail ou mouseover. Qualquer texto que não for reconhecido pela wiki como um argumento será interpretado como uma description.

O software da wiki não requer quer argumentos sejam adicionados em uma ordem específica, apesar de ser considerado uma boa prática usá-los en um padrão consistente. Para mais detalhes sobre adicionar imagens via wikitexto, veja a seção de formatação de imagens aqui. Para linkar para as páginas de descrições de imagens, veja essa página.

Como visualizar imagens em uma resolução maior[]

Image Lightbox

Visualizando uma foto pelo lightbox

Quando colocadas na página, as imagens geralmente são apresentadas em uma resolução muito menor. Você pode inspecioná-las indo na página do arquivo ou abrindo-as no lightbox.

O lightbox abre por padrão quando clicando na imagem, com o link para a descrição do arquivo sendo mostrado no topo do lightbox.

Se quiser ignorar o lightbox completamente, simplesmente segure "Ctrl" (para usuários Windows) ou "Command" (para usuários Mac), quando clocar na foto. Ele abrirá uma nova guia, mas você estará na página do arquivo na nova guia.

Veja também[]

Mais ajuda e feedback[]

Advertisement