Les images ne s'affichent pas sur le site

Septembre 2016

Dans une page web, les images sont spécifiées grâce à la balise IMG, avec la notation suivante :
<img src="nom_de_limage.ext">

Les formats d'images supportés sur le web sont les formats GIF, JPG et PNG. Le format BMP n'est pas supporté par les navigateurs dans la mesure où il ne s'agit pas d'un format standard reconnu par le W3C (World Wide Web Consortium). On ne peut donc pas l'utiliser.

Il faut tout d'abord s'assurer que le nom de l'image ne contient aucun espace ni caractère spécial (notamment accents).
Avec certains navigateurs, les caractères sont encodés avec la caractère "%" avant.
Par exemple, un espace devient "%20".
Si le caractère "%" est présent dans l'adresse, cela veut dire que le nom du fichier est incorrect.

Par ailleurs, le chemin du fichier doit préférentiellement être indiqué en chemin relatif :
Si seul le nom de l'image est précisé, l'image doit être dans le même dossier que la page html, sinon il faut indiquer son emplacement relatif, par exemple : ../dossier/img.jpg .

Il est enfin possible d'indiquer son chemin complet, par exemple :
<img src="http://site.net/images/img.jpg">

Et, comme pour tous les liens, le chemin vers l'image doit être exactement le même dans la page et dans le site. La casse (différences majuscules/minuscules) doit également être respectée.
Par exemple, si l'image se trouve ici : mesimages/image_1.png

le lien doit être écrit de la même manière :
<img src="mesimages/image_1.png">
et pas :
<img src="MesImages/image_1.png"> ni
<img src="mesimages/Image_1.png">

A voir également :

Ce document intitulé «  Les images ne s'affichent pas sur le site  » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.