Les images ne s'affichent pas sur le site

Dernière mise à jour le 20 novembre 2009 à 12:51 par marlalapocket
Publié par Jeff
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">
Meilleures réponses pour « Les images ne s'affichent pas sur le site » dans :
Afficher les images et les animations Flash dans le navigateur Voir Quand vous allez sur un site internet, vous n'avez plus d'images affichées ; elles sont remplacées par un petit rectangle avec un carré rouge ou un triangle bleu (par exemple). 1 - Vérifier d'abord les paramètres de votre navigateur : Pour...
[Webmaster] Afficher une image de grande taille VoirPour la plupart des internautes, afficher une image de grande taille dans une page web est trop lourd. Zoomify est un petit programme Flash qui permet de rendre une image zoomable et navigable, et chargeant l'image par morceau selon le...
[Webmaster] Afficher facilement le code php/xhtml de vos pages VoirSi vous voulez proposer a vos visiteurs de voir la source de vos fichiers (PHP ou HTML), il y a plusieurs solutions. En php Afficher le code php Afficher le code html En html Informations Voir aussi En php Afficher le code php La...
Images bitmap et vectorielles VoirImages bitmap et images vectorielles On distingue généralement deux grandes catégories d'images : les images bitmap (appelées aussi images raster) : il s'agit d'images pixellisées, c'est-à-dire un ensemble de points (pixels) contenus dans un...