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...
Choisir une image et savoir l’optimiser pour son site pro VoirChoisir une image et savoir l’optimiser pour son site professionnel Pour rendre un affichage optimal des images de votre site Internet professionnel, le choix du format doit être impérativement réalisé en fonction de son utilisation. Choisir...
[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...
[Windows] Affichage de l'aperçu des images en miniatures VoirSi jamais Microsoft Windows n'affiche plus les images en miniatures, il suffit de suivre la procédure ci-dessous : Faire un clic droit sur une image, puis, dans le menu choisir "Ouvrir avec". Cliquez sur "Choisir le programme" et choisissez "Aperçu...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Le droit à l'image appliqué aux sites web VoirIntroduction au droit à l'image Selon les articles 226-1 à 226-8 du Code civil, tout individu jouit d'un droit au respect de sa vie privée ainsi que d'un droit à l'image,. En vertu de ces dispositions, la publication ou la reproduction d'une...
Traitement d'images VoirIntroduction au traitement d'images On désigne par traitement d'images numériques l'ensemble des techniques permettant de modifier une image numérique dans le but de l'améliorer ou d'en extraire des informations. Histogramme Un histogramme est...
Collection CommentÇaMarche.net