Ajuda:Guia de edição/Como usar imagens: diferenças entre revisões

Conteúdo apagado Conteúdo adicionado
m replaced: |thumb → |miniatura (15), ==Ver também== → == Ver também ==, *[ → * [ (5), Ficheiro: → Imagem: (80), File: → Imagem:, Image: → Imagem:, {{Guia de edição}} → {{Wikipédia/Guia de edição|exp utilizando AWB
Linha 1:
{{Informativo/Guia de edição}}
{{Wikipédia/Guia de edição|expandir=Básico}}
{{Atalho|WP:IMAGEM|WP:imagem}}
Neste artigo você aprenderá '''como usar imagens, áudios e vídeos na Wikipédia'''.
Linha 39:
Esta imagem provém do [[:commons:Commons:Bem-vindo|Wikimedia Commons]], um acervo de [[Licença livre|conteúdo livre]] da [[Wikimedia Foundation]] que pode ser utilizado por outros projetos.
*<span class=plainlinks style="color:#36B;">'''Ver imagem original no Wikimedia Commons'''</span> para mais informações.
* [[:commons:Commons:Reutilização de conteúdo fora da Wikimedia|Como usar esta imagem fora da Wikipédia]].
*Para usar esta imagem numa página da Wikipédia inserir: <span style="white-space:nowrap;"><nowiki>[[Imagem:</nowiki>Exemplo.svg<nowiki>|thumbminiatura|180px|Legenda]]</nowiki></span>
</div>
}}
Linha 48:
* Vá à [http://commons.wikimedia.org homepage do site ‘Wikimedia Commons’], no endereço http://commons.wikimedia.org.
* Faça uma busca na caixa de texto no canto superior direito, que contém a palavra ‘Search’, como se fizesse uma busca no Google. Note que a maioria das imagens no Commons encontram-se descritas em inglês e você obterá mais resultados se pesquisar com palavras inglesas (por exemplo usar "water" em vez de "água"). Surgem algumas das imagens já enviadas, se houverem.
* Verifique se, no final da 1.ª linha, há a frase ‘... possui uma <span style="color:blue;">galeria de imagens</span>’ (ou ‘... has a <span style="color:blue;">gallery of images</span>’), onde o texto em azul é um link. Se houver, clique-o para acessar as demais imagens disponíveis.
 
===Método 3: pesquisar na página de pesquisa do Commons===
Linha 77:
:*'''Sintaxe simplificada rápida :'''
::Apenas substitua os 2 nomes de campo em negrito e itálico do código seguinte pelos devidos valores :
::::<code><nowiki>[[FicheiroImagem:</nowiki></code>'''''nome-do-arquivo-imagem no Wikimedia Commons'''''<code>|</code>thumb<code>|</code>'''''legenda'''''<code>]]</code>
 
::Observe o seguinte :
Linha 83:
::* O nome do arquivo imagem ''diferencia'' maiúsculas e minúsculas. Exemplo: Se o nome do arquivo é Imagem.jpg, nem imagem.jpg e nem Imagem.JPG irão localizá-lo.
 
::Exemplo: <code><nowiki>[[FicheiroImagem:Ottoman Empire 1914 h.PNG|thumbminiatura|O Império Otomano em 1914]]</nowiki></code>
::Obs: O prefixo "Ficheiro:" pode ser trocado por "Imagem:" ou "Arquivo:"<ref>Os prefixos "Imagem:", "Arquivo:", "File:" e "Image:" são reconhecidos pelo MediaWiki e apontam todos para o domínio "Ficheiro:"</ref>.
 
:*'''Sintaxe completa :'''
::Proporciona controle total. Use os campos que quiser do código seguinte, substituindo os seus nomes em negrito e itálico pelos devidos valores. A tabela da próxima seção informa quais valores podem ser atribuídos a cada campo. Elimine os campos que não quiser usar. Somente o campo ‘Ficheiro‘Imagem:nome-do-arquivo-imagem’ é obrigatório. Os outros são opcionais e podem ser incluídos em qualquer ordem.
::::<code><nowiki>[[FicheiroImagem:</nowiki></code>'''''nome-do-arquivo-imagem no Wikimedia Commons'''''<code>|</code>'''''tipo'''''<code>|</code>'''''legenda'''''<code>|alt=</code>'''''texto alternativo'''''<code>|</code>'''''moldura'''''<code>|</code>'''''posição horizontal'''''<code>|</code>'''''alinhamento vertical'''''<code>|</code>'''''tamanho'''''<code>|link=</code>'''''ligação para outra página'''''<code>]]</code>
 
::Observe o seguinte :
::* Não há espaço antes nem após cada uma das barras verticais que separam os campos e
::* O nome do arquivo imagem ''diferencia'' maiúsculas e minúsculas. Exemplo: Se o nome do arquivo é Imagem.jpg, nem imagem.jpg e nem Imagem.JPG irão localizá-lo.
::Exemplo: <code><nowiki>[[FicheiroImagem:Ottoman Empire 1914 h.PNG|thumbminiatura|O Império Otomano em 1914|alt=Império Otomano em 1914|direita|x300px|link=Império Otomano]]</nowiki></code>
 
 
Linha 202:
* largura de 180 pixels em imagens dentro de molduras.
Estes tamanhos podem ser alterados nas preferências do utilizador, na opção "ficheiros".
Regra geral, '''não se deve''' especificar a largura da imagem, de forma a que o tamanho das imagens possa ser definido nas preferências do utilizador.<ref name="tamanho">'''Tamanho da FicheiroImagem:''' deve-se evitar especificar o tamanho, de forma a que este possa ser definido nas preferências do utilizador. Desse modo, por exemplo, um utilizador que visualize a Wikipédia num monitor de 21" pode definir nas preferências a visualização de imagens em miniatura a 300 pixels enquanto que outro utilizador num monitor de 17" pode usar o pré-definido a 180 pixels. Caso se defina manualmente o tamanho da imagem nos artigos, a definição do tamanho das preferências não funcionará nesses artigos. No entanto, em casos especiais é necessário especificar o tamanho:
*em predefinições, pois as imagens sem tamanho definido poderiam sair da tabela;
*em imagens com gráficos ou diagramas de pouca definição, ou demasiado complexos para uma imagem pequena, sendo necessário aumentar o tamanho para se compreender o assunto;
Linha 254:
|- valign="top"
| '''Em artigos'''<br />De forma geral, em artigos da Wikipédia deve-se usar a variável <code>thumb</code> e incluir uma legenda descritiva. No entanto não se deve especificar o largura da imagem, de forma a que o tamanho das imagens possa ser definido nas preferências do utilizador<ref name="tamanho"/>. Por padrão, a largura máxima das imagens é de 180 pixels.
|<nowiki>[[FicheiroImagem:Chalk stub.png|thumbminiatura|Cubo de giz.]]</nowiki>
| style="background: #ffffff;" | [[FicheiroImagem:Chalk stub.png|thumbminiatura|Cubo de giz.]]
|- valign="top"
| '''Em páginas de discussão - ligação a imagem'''<br />É possível utilizar uma [[Wikipedia:Ligação interna|ligação interna]] da imagem, sem que esta seja mostrada. Por regra, não deve ser utilizado em artigos enciclopédicos, mas apenas em [[Wikipedia:Página de discussão|páginas de discussão]] ou páginas internas da Wikipédia. Consegue-se esta funcionalidade acrescentando dois pontos (:) antes de "Imagem".
|Encontrei esta <nowiki>[[FicheiroImagem:Chalk stub.png]]</nowiki>.
| style="background: #ffffff;" | Encontrei esta [[FicheiroImagem:Chalk stub.png]].
|- valign="top"
| '''Em páginas de discussão - ligação a imagem com texto personalizado'''<br />Funcionamento similar ao exemplo anterior, mas com a descrição personalizada.
|Encontrei uma <nowiki>[[FicheiroImagem:Chalk stub.png|imagem de um cubo de giz]]</nowiki>.
| style="background: #ffffff;" | Encontrei uma [[FicheiroImagem:Chalk stub.png|imagem de um cubo de giz]].
|- valign="top"
|'''Somente Podendo ser usado em artigos''' - quando se trata de imagens com conteúdo que possa ser considerado ofensivo a alguns como imagens de guerras, eróticas ou grotescas, mas devidamente identificado como imagem (''imagem'').
|Encontrei uma imagem de um cubo de giz. <nowiki>([[FicheiroImagem:Chalk stub.png|''imagem'']])</nowiki>
| style="background: #ffffff;" | Encontrei uma imagem de um cubo de giz. ([[FicheiroImagem:Chalk stub.png|''imagem'']])
|}
 
Linha 283:
|<nowiki>
<gallery></nowiki><br /><nowiki>
FicheiroImagem:Chalk stub.png|Imagem com [[legenda]].</nowiki><br /><nowiki>
FicheiroImagem:Chalk stub.png</nowiki><br /><nowiki>
</gallery></nowiki>
| style="background: #ffffff;" |
<gallery>
FicheiroImagem:Chalk stub.png|Imagem com [[legenda]].
FicheiroImagem:Chalk stub.png
</gallery>
|- valign="top"
| '''Borda'''<br />Utilizando a variável <code>border</code> a imagem é rodeada por uma borda. Deve-se usar normalmente em predefinições que utilizem imagens com lados a branco (como a [[:FicheiroImagem:Flag of Japan.svg|bandeira do Japão]]) de forma a destacar do fundo branco. A imagem fica alinhada por defeito à esquerda.
|<nowiki>[[FicheiroImagem:Chalk stub.png|borda]]</nowiki>
| style="background: #ffffff;" |
[[FicheiroImagem:Chalk stub.png|borda]]
|- valign="top"
| '''Posição horizontal 'nenhum''''<br />Utilizando a variável <code>nenhum</code>, a imagem fica à esquerda, na linha seguinte ao texto que a antecede. O texto que a segue fica embaixo da imagem.
|Texto antes da imagem. <nowiki>[[FicheiroImagem:Chalk stub.png|nenhum]]</nowiki> Texto após a imagem.
| style="background: #ffffff;" |
Texto antes da imagem. [[FicheiroImagem:Chalk stub.png|nenhum]] Texto após a imagem.
|- valign="top"
| '''Posição horizontal não definida'''<br />A imagem aparece na mesma linha do texto que a antecede e que a segue, a princípio centralizada verticalmente nesta linha, o que pode ser alterada com o 'alinhamento vertical'.
|Texto antes da imagem. <nowiki>[[FicheiroImagem:Chalk stub.png]]</nowiki> Texto após a imagem.
| style="background: #ffffff;" |
Texto antes da imagem. [[FicheiroImagem:Chalk stub.png]] Texto após a imagem.
|- valign="top"
| '''Terminar o fluxo de texto em torno da imagem, quando ela é colocada na posição esquerda ou direita'''<br />Usando-se <code><nowiki><br style="clear:both;"></nowiki></code>, pode-se também determinar que o texto seguinte deixe de ser apresentado ao lado da imagem, deslocando-se para baixo da imagem.
|Texto antes da imagem.<nowiki><br style="clear:both;"></nowiki><nowiki>[[FicheiroImagem:Chalk stub.png|esquerda]]</nowiki> Texto após a imagem. <nowiki><br style="clear:both;"></nowiki> Texto abaixo da imagem.
| style="background: #ffffff;" |
Texto antes da imagem.<br style="clear:both;">[[FicheiroImagem:Chalk stub.png|esquerda]] <br />Texto após a imagem.<br style="clear:both;">Texto abaixo da imagem.
|}
 
Linha 322:
|- valign="top"
| '''Imagem sem formatação'''<br />É possível usar uma imagem na sintaxe mais simples, mas não é aconselhável.
|<nowiki>[[FicheiroImagem:Chalk stub.png]]</nowiki>
| style="background: #ffffff;" | [[FicheiroImagem:Chalk stub.png]]
|- valign="top"
| '''Legenda e texto alternativo ''(Alt)'''''<br />Recomenda-se que se preencha sempre estes campos, por motivos de [[acessibilidade]]. Este texto é utilizado, por exemplo por ''browsers'' que "lêem" para invisuais, sem esse texto alternativo não sabem do que se trata a imagem. Este tipo de texto surge alguns segundos depois de se posicionar o cursor sobre a imagem. No caso de não se especificar o texto alternativo, este é substituído pelo nome da imagem (o que não é recomendável). Segue-se um exemplo de ambos os casos (posicionar o cursor sobre as imagens para perceber a diferença).
|<nowiki>[[FicheiroImagem:Chalk stub.png]]</nowiki><br /><br /><nowiki>[[FicheiroImagem:Chalk stub.png|Um cubo de giz.]]</nowiki>
| style="background: #ffffff;" |
{|
| [[FicheiroImagem:Chalk stub.png]]
| [[FicheiroImagem:Chalk stub.png|Um cubo de giz.]]
|}
|- valign="top"
| '''Posição à esquerda'''
|<nowiki>[[FicheiroImagem:Chalk stub.png|esquerda]]</nowiki>
| style="background: #ffffff;" |[[FicheiroImagem:Chalk stub.png|esquerda]]
|- valign="top"
| '''Posição horizontal ao centro'''
|<nowiki>[[FicheiroImagem:Chalk stub.png|centro]]</nowiki>
| style="background: #ffffff;" | Texto antes da imagem. Texto antes da imagem. Texto antes da imagem.[[FicheiroImagem:Chalk stub.png|centro]]Texto após a imagem. Texto após a imagem. Texto após a imagem.
 
|- valign="top"
| '''Posição à direita'''
|<nowiki> [[FicheiroImagem:Chalk stub.png|direita]]</nowiki>
| style="background: #ffffff;" | [[FicheiroImagem:Chalk stub.png|direita]]
|- valign="top"
| '''Tamanho da imagem'''<br />Pode-se reduzir ou aumentar o tamanho da imagem. Especifica-se o tamanho indicando a largura em px (pixels). Deve-se evitar definir o tamanho da imagem.<ref name="tamanho"/>
|<nowiki>[[FicheiroImagem:Chalk stub.png|30px]]</nowiki><br /><br /><nowiki>[[FicheiroImagem:Chalk stub.png|80px]]</nowiki>
| style="background: #ffffff;" | [[FicheiroImagem:Chalk stub.png|30px]][[FicheiroImagem:Chalk stub.png|80px]]
|- valign="top"
| '''Molduras'''<br />A imagem é apresentada numa moldura, com a opção de mostrar uma legenda, assim como especificar o tamanho da imagem e o alinhamento. Pode-se utilizar a variável ''frame'' que mostra a imagem em tamanho real, mesmo que se especifique o tamanho (o tamanho é ignorado); já a variável ''thumb'' pode ter dois resultados: se se especificar também tamanho, a imagem é apresentada nesse tamanho, caso contrário é apresentada com uma largura máxima de 180 px (caso a imagem seja menor, é apresentada no tamanho real); notar que o tamanho de 180 px pode ser outro caso seja alterado nas preferências do utilizador.
|<nowiki>[[FicheiroImagem:Chalk stub.png|border|Imagem "border"]]</nowiki><br /><nowiki>[[FicheiroImagem:Chalk stub.png|frameless|Imagem "frameless"]]</nowiki><br /><nowiki>[[FicheiroImagem:Chalk stub.png|thumbminiatura|Imagem "thumb"]]</nowiki><br /><nowiki>[[FicheiroImagem:Chalk stub.png|frame|Imagem "frame"]]</nowiki>
| style="background: #ffffff;" | [[FicheiroImagem:Chalk stub.png|border|Imagem "border"]][[FicheiroImagem:Chalk stub.png|frameless|Imagem "frameless"]][[FicheiroImagem:Chalk stub.png|thumbminiatura|Imagem "thumb"]][[FicheiroImagem:Chalk stub.png|frame|Imagem "frame"]]
|}
 
Linha 365:
!&nbsp;!!Código!!Resultado
|-
|1.||<tt><nowiki>[[FicheiroImagem:Accordion chords-01.ogg]]</nowiki></tt>
|[[FicheiroImagem:Accordion chords-01.ogg]]
|-
|2.||<tt><nowiki>[[FicheiroImagem:Accordion chords-01.ogg|noicon]]</nowiki></tt>
|[[FicheiroImagem:Accordion chords-01.ogg|noicon]]
|-
|3.||<tt><nowiki>[[FicheiroImagem:Accordion chords-01.ogg|noicon|90px]]</nowiki></tt>
|[[FicheiroImagem:Accordion chords-01.ogg|noicon|90px]]
|}
 
Linha 381:
!&nbsp;!!Código!!Saída
|-
|1.||<tt><nowiki>[[FicheiroImagem:Accordion chords-01.ogg|90px|noicon|esquerda]] [[:FicheiroImagem:Accordion chords-01.ogg|Accordion chords]]</nowiki></tt>
|[[FicheiroImagem:Accordion chords-01.ogg|90px|noicon|esquerda]] [[:FicheiroImagem:Accordion chords-01.ogg|Accordion chords]]
|-
|2.||<tt><nowiki>[[:FicheiroImagem:Accordion chords-01.ogg|Accordion chords]] [[FicheiroImagem:Accordion chords-01.ogg|90px|noicon|direita]]</nowiki></tt>
|[[:FicheiroImagem:Accordion chords-01.ogg|Accordion chords]] [[FicheiroImagem:Accordion chords-01.ogg|90px|noicon|direita]]
|-
|3.||<tt><nowiki>[[:FicheiroImagem:Accordion chords-01.ogg|Accordion chords]] [[FicheiroImagem:Accordion chords-01.ogg|90px|noicon]]</nowiki></tt>
|[[:FicheiroImagem:Accordion chords-01.ogg|Accordion chords]] [[FicheiroImagem:Accordion chords-01.ogg|90px|noicon]]
|}
Note que o alinhamento vertical e o botão de "play" não funciona, nem é possível apresentar o botão play com texto.
Linha 396:
 
===Ficheiros de vídeo (Ogg)===
Para apresentar um vídeo com uma legenda use <code><nowiki>[[FicheiroImagem:First flights in aviation history.ogg|frame|nenhum|alt=texto altentivo|texto de legenda]]</nowiki></code>.
[[FicheiroImagem:First flights in aviation history.ogg|frame|nenhum|alt=texto alternativo|texto de legenda]]
 
'''Mais sintaxe para vídeos'''
Linha 403:
 
{|
|[[FicheiroImagem:First flights in aviation history.ogg|esquerda|thumbminiatura|thumbtime=21|[[Santos Dumont]] aos 21 segundos de vídeo. A sintaxe de tempo usando segundos é "21"]]
|[[FicheiroImagem:First flights in aviation history.ogg|centro|thumbminiatura|thumbtime=0:23|Monoplano visto aos 23 seconds. A sintaxe de tempo usando minutos e segundos é: "0:23"]]
|[[FicheiroImagem:First flights in aviation history.ogg|direita|thumbminiatura|thumbtime=0:0:33|Aeroplano visto aos 33 segundos. A sintaxe de tempo usando horas, minutos e segundos é: "0:0:33"]]
|}
{{-}}
Linha 411:
No caso de vídeos com tamanho muito pequeno, utilize thumb e o campo tamanho para ampliá-lo.
 
<code><nowiki>[[FicheiroImagem:cal16x16check_vdnocnoafr1len2.avi.q10.ogv|inline|esquerda]] [[FicheiroImagem:cal16x16check_vdnocnoafr1len2.avi.q10.ogv|direita|thumbminiatura|128px]]</nowiki></code>
 
;Resultado
[[FicheiroImagem:cal16x16check_vdnocnoafr1len2.avi.q10.ogv|inline|esquerda]] [[FicheiroImagem:cal16x16check_vdnocnoafr1len2.avi.q10.ogv|direita|thumbminiatura|128px]]
{{-}}
 
Linha 425:
<references />
 
== Ver também ==
{{correlatos
|wikiquote=Ajuda:Como usar imagens
Linha 432:
|wikcionario=Wikcionário:Como usar imagens
}}
* [[Wikipedia:Política de imagens|Política de imagens]]
* [[Ajuda:Como carregar ficheiros no Commons|Como carregar ficheiros no Commons]]
* [[Ajuda:Guia Prático/Imagens]], um resumo sucinto da informação exposta acima.
* [[mw:Extension:ImageMap]] - Extenção ImageMap do MediaWiki, que permite a adição de várias ligações hipertextos em uma mesma imagem, ao clicar em posições específicas da mesma.
 
[[Categoria:!Política de imagens|#]]