Wiki Resident Evil
Advertisement

Aprendendo a adicionar imagens...

Tipos de Ficheiros/Imagens suportadas

  • .svg : imagem escalável no formato Standard Vector Graphics (especificado pelo W3 Consortium).
  • .jpg ou .jpeg : imagem em bitmap, comprimida no formato padronizado JPEG (este formato de compressão com perdas é mais apropriado para fotografias).
  • .png : imagem em bitmap, no formato Portable Network Graphics (especificado pelo W3 Consortium).
  • .gif : imagem em bitmap no formato ultrapassado Graphics Interchange Format. (Atenção: Animações em .gif so funcionam se o tamanho original da imagem não for alterado).
  • .pdf : documentos de várias páginas no formato Portable Document Format (inicialmente especificado pela Adobe).
  • .djvu : documentos de várias páginas em bitmap no formato DejaVu (normalmente, digitalizações de livros).

Obs: dados sobre os tipos de ficheiros obitidos em www.mediawiki.org

Parametros da Imagem

Para adicionar uma imagem basta você utilizar o codigo abaixo:

[[File:nome do ficheiro.extensão|opções|legenda]]

Sendo que a definição "opções" não é obrigatoria. Opções de formatação da imagem disponiveis:

  • border: Adiciona uma borda Fina e cinza ao redor da imagem.
  • frame: Adiciona uma moldura a imagem e alinha ela a direita.
  • thumb: Coloca a imagem em miniatura a direita, o tamanho e determinado pelo editor
  • frameless: Regula largura e altura da imagem, assim como thub porem que sem a muldura e sem ficar a direita

Exemplos:

Formatação Texto Resultado
Nenhuma

Texto antes, Texto Antes,Texto AntesTexto AntesTexto AntesTexto AntesTexto AntesTexto AntesTexto Antes
[[File:Example.jpg|legenda]]
Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois,

legenda
Border Texto antes, Texto Antes,Texto AntesTexto Texto Antes Texto Antes Texto Antes Texto Antes Texto Antes
[[File:Example.jpg|border|legenda]]
Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois

legenda

Frame Texto AntesTexto AntesTexto AntesTexto AntesTexto AntesTexto AntesTexto Antes
[[File:Example.jpg|frame||legenda]]
Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois
Example

legenda

Thumb Texto AntesTexto AntesTexto AntesTexto AntesTexto Antes
[[File:Example.jpg|thumb|legenda]]
Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois
Example

legenda

Frameless Texto AntesTexto AntesTexto AntesTexto AntesTexto Antes
[[File:Example.jpg|frameless|legenda]]
Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois
legenda

Alinhamento da Imagem

É possivel alinhar a imagem para a posição desejada, para alinhar uma imagem use:

[[File:Example.jpg|posição|legenda]]

Posições:

  • Center: Alinha a imagem no centro da pagina.
  • Left: Alinha a imagem a esquerda da pagina.
  • Rigth: Alinha a imagem a direita da pagina.

Exemplos:

Alinhamento Codigo Resultado
Nenhum Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes
[[File:Example.jpg|legenda]]
Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto ADepois, Texto Depois, Texto Depois, Texto Depois, Texto Depois
Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes
legenda
Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto ADepois, Texto Depois, Texto Depois, Texto Depois, Texto Depois
Center (centro) Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes
[[File:Example.jpg|center|legenda]]
Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois
Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes
legenda

Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois
Left (esquerda) Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes
[[File:Example.jpg|left|legenda]]
Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois
Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes
legenda








Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois
Rigth (direita) Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes
[[File:Example.jpg|rigth|legenda]]
Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois
Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes, Texto Antes
legenda








Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois, Texto Depois

Tamanho da imagem

Para se alterar o tamanho da imagem, basta você utilizar o seguinte codigo:

[[File:Example.jpg|<span style="font-weight: bold;">tamanho</span>|legenda]]'''

Sendo que a expressão "tamanho" deve ser trocada pelo tamanho desejado em px, Exemplos:

Adicionais Codigo Resultado
Nenhum [[File:Example.jpg|50px|Ola Mundo]] Ola Mundo
frame+left [[File:Example.jpg|frame|left|50px|Ola Mundo]]
Example

Ola Mundo

Bom, esperamos que isto tenha lhe ajudado a aprender um pouco mais sobre como adicionar imagens a sua edição.

Predefinição:Manuais

Advertisement