As imagens não aparecem no site

Dezembro 2016


Em uma página web, as imagens são especificadas graças ao tag IMG com a seguinte notação:
<img src="nome_da_imagem.ext">

Os formatos de imagens suportados na web são formatos GIF, JPG e PNG. O formato BMP não é suportado pelos navegadores, já que não se trata de um formato padrão reconhecido pelo W3C (World Wide Web Consortium). Assim, não podemos usá-lo.

Em primeiro lugar, garantir que o nome da imagem não contém espaços nem caracteres especiais (incluindo os acentos).

Com alguns navegadores, os caracteres são codificados com o caractere "%"antes.
Por exemplo, um espaço torna-se "%20".
Se o caractere "%" estiver presente no endereço, isso significa que o nome do arquivo está incorreto.

Além disso, o caminho do arquivo deve ser, de preferência, indicado como caminho relativo:

Se só o nome da imagem for especificado, a imagem deverá estar na mesma pasta que a página html, caso contrário, será preciso indicar a sua localização relativa, por exemplo: .. /pasta/img.jpg.

<img src="http://site.net/imagens/img.jpg">

E, como para todos os links, o caminho para a imagem deve ser exatamente o mesmo na página e no site. O tamanho do caractere (diferenças entre maiúsculas e minúsculas) também deve ser respeitado.
Por exemplo, se a imagem estiver aqui: minhasimagens/imagem_1.png

O link deve ser escrito da mesma maneira:
<img src="minhasimagens/imagem_1.png">
E não:
<img src="MesIImagens/imagem_1.png"> ni
<img src="minhasimagens/IImagem_1.png">


Tradução feita por Lucia Maurity y Nouira


Veja também :
Este documento, intitulado « As imagens não aparecem no site »a partir de CCM (br.ccm.net) está disponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condições estipuladas pela licença, como esta nota aparece claramente.