Pourquoi les images d’un site ne s’affichent-elles pas ?

Une image cassée sur un site, c’est presque toujours l’une de ces trois causes : un fichier introuvable, un chemin mal écrit ou un blocage lié au cache ou au protocole HTTPS. La bonne nouvelle, c’est que dans la majorité des cas, la correction prend moins de dix minutes une fois la cause identifiée. Voici comment repérer le problème et le résoudre étape par étape, selon votre situation.

Comment vérifier qu’une image est vraiment cassée sur votre site ?

Avant de chercher une cause, encore faut-il confirmer que l’image est réellement en défaut et non simplement en cours de chargement. Plusieurs signes visuels permettent de le repérer immédiatement.

• Une icône d’image cassée s’affiche à la place de la photo, souvent un petit rectangle avec un coin plié.
• Le texte alternatif (l’attribut alt de la balise HTML) apparaît en clair à l’endroit où devrait se trouver l’image.
• Un cadre ou espace vide reste visible, sans aucun contenu ni message d’erreur.

Pour confirmer le diagnostic, faites un clic droit sur la zone concernée puis sélectionnez Inspecter. Ouvrez ensuite l’onglet Réseau et rechargez la page : une ligne apparaît en rouge avec un code d’erreur, généralement 404 (fichier introuvable) ou 403 (accès refusé). Ce code oriente directement vers la bonne solution, décrite plus loin dans cet article.

Quelles sont les causes les plus fréquentes d’une image qui ne s’affiche pas ?

Une fois le problème confirmé, il reste à identifier sa cause exacte. Quatre familles de causes représentent la grande majorité des situations rencontrées, du blog personnel à la boutique en ligne.

Un chemin ou une URL d’image incorrect

C’est la cause la plus courante. Une simple faute de frappe dans le nom du fichier, une extension mal orthographiée (.jpg au lieu de .jpeg) ou une différence de casse peut suffire à casser l’affichage, certains serveurs étant sensibles aux majuscules et minuscules. Le chemin relatif pose aussi problème lorsqu’un dossier a été déplacé : l’image existe toujours, mais le navigateur cherche au mauvais endroit. Enfin, un chemin absolu pointant vers un ancien nom de domaine provoque le même effet après un changement d’adresse du site.

Une image supprimée ou un contenu bloqué par le serveur

Le fichier a parfois tout simplement disparu du serveur : suppression accidentelle, nettoyage automatique ou migration n’ayant pas transféré l’ensemble des médias. Dans d’autres cas, le fichier existe bien mais le serveur refuse d’y donner accès à cause de permissions trop restrictives. Les valeurs recommandées sont généralement 644 pour les fichiers et 755 pour les dossiers, réglables via un client FTP. Un hébergement en panne ou ayant atteint son quota de bande passante produit aussi ce type de blocage.

Un contenu mixte HTTP/HTTPS ou un cache obsolète

Lorsqu’un site passe en HTTPS mais que certaines images restent appelées en HTTP, les navigateurs modernes bloquent ce contenu mixte par sécurité, considéré comme non fiable. Le cache peut aussi jouer un rôle : il fonctionne comme une mémoire tampon qui conserve une ancienne version de la page, avec des liens vers des fichiers qui n’existent plus. Un CDN (un réseau de serveurs répartis qui accélère la distribution du contenu) peut lui aussi afficher une version périmée tant qu’il n’a pas synchronisé les changements récents.

Un plugin, un thème ou un format d’image incompatible

Sur un site propulsé par un CMS, un plugin de chargement différé (lazy loading) mal configuré ou une extension de sécurité trop stricte peuvent bloquer certains fichiers. Un thème mal codé interfère parfois aussi avec l’affichage. Côté format, les fichiers récents comme le WebP ou l’AVIF restent mal supportés par certains navigateurs anciens. Un fichier corrompu lors de l’envoi sur le serveur, ou bloqué par un ad-blocker hébergé sur un domaine tiers, complète la liste des causes possibles.

Comment réparer une image qui ne s’affiche pas, étape par étape ?

Plutôt que de tester les solutions au hasard, mieux vaut suivre une méthode d’élimination dans l’ordre suivant, qui couvre l’ensemble des causes évoquées plus haut.

• Copiez l’URL exacte de l’image (clic droit puis copier l’adresse de l’image) et collez-la dans un nouvel onglet pour vérifier si elle s’ouvre seule.
• Consultez le code d’erreur via l’inspecteur du navigateur :
  • 404 signifie que le fichier est introuvable à l’adresse indiquée.
  • 403 signifie que l’accès est refusé malgré la présence du fichier.
• Si le fichier est absent, réuploadez-le dans la médiathèque ou via le client FTP, en respectant le nom et l’extension d’origine.
• En cas d’erreur 403, corrigez les permissions du fichier ou du dossier depuis le gestionnaire de fichiers de l’hébergeur.
• Si un contenu mixte est détecté, forcez la réécriture des URLs en HTTPS, éventuellement via un plugin dédié sur CMS.
• Videz les différents caches concernés : celui du navigateur (raccourci Ctrl+Maj+R), celui d’un plugin de cache, ou celui du CDN si le site en utilise un.
• Désactivez les plugins un par un pour isoler un éventuel conflit, en testant l’affichage après chaque désactivation.
• Ouvrez enfin le site en navigation privée pour écarter une extension de navigateur comme cause du blocage.

Cette méthode résout la grande majorité des cas en quelques minutes. Si l’image continue de manquer malgré ces vérifications, le problème se situe probablement dans un cas plus spécifique, détaillé dans les sections suivantes.

Pourquoi les images ne s’affichent-elles pas sur WordPress ?

WordPress ajoute quelques points de vérification spécifiques, liés à la façon dont le CMS gère la médiathèque et les réglages d’adresse du site. Commencez par vérifier que l’image est toujours présente dans la médiathèque et n’a pas été supprimée par erreur lors d’un nettoyage. Si un changement de thème a eu lieu récemment, les miniatures générées automatiquement peuvent ne plus correspondre aux nouvelles dimensions attendues : un plugin comme Regenerate Thumbnails permet de les régénérer en un clic.

Rendez-vous ensuite dans Réglages > Général pour comparer les champs Adresse web de WordPress et Adresse web du site. Une différence entre les deux, souvent après une migration ou un changement de domaine, provoque des liens d’images cassés sur l’ensemble du site. Enfin, désactivez temporairement les plugins de cache ou d’optimisation d’images : certains réécrivent les URLs de façon incorrecte ou compressent des fichiers jusqu’à les rendre illisibles.

Pourquoi les images disparaissent-elles après une migration ou en HTTPS ?

Une migration de site laisse souvent des traces invisibles au premier regard. Vérifiez d’abord que l’intégralité du dossier uploads ou médias a bien été transférée vers le nouvel hébergement : un transfert partiel est la cause la plus fréquente d’images manquantes après un changement de serveur. Recherchez ensuite dans la base de données les anciennes URLs correspondant à l’ancien nom de domaine, pour les remplacer par les nouvelles. Les chemins absolus codés en dur dans le contenu (plutôt que des chemins relatifs) sont particulièrement sensibles à ce type d’oubli.

Après un passage en HTTPS, le réflexe à avoir est de scanner l’ensemble du site à la recherche de contenu mixte, ces images encore appelées en HTTP alors que le reste du site est sécurisé. Ce scan révèle en quelques secondes tous les fichiers concernés, qu’il suffit ensuite de réécrire en HTTPS pour rétablir l’affichage. D’ailleurs, si le problème touche spécifiquement l’affichage des résultats visuels dans un moteur de recherche plutôt que sur votre propre site, la cause et la solution sont différentes.

Comment éviter que les images ne se cassent à nouveau sur votre site ?

Une fois le problème résolu, quelques habitudes simples réduisent nettement le risque de récidive. Privilégiez systématiquement les chemins relatifs plutôt qu’absolus dans le code ou le contenu, ils résistent mieux aux changements de domaine ou d’hébergeur.

• Nommez vos fichiers sans espaces, accents ni caractères spéciaux, en utilisant des tirets et des minuscules.
• Compressez et optimisez vos images avant l’envoi, pour limiter leur poids sans sacrifier la qualité.
• Mettez en place une surveillance régulière des liens et images cassés, via un plugin ou un outil de scan externe.
• Testez systématiquement l’affichage complet du site après toute migration, changement de thème ou de domaine.

Ces réflexes, appliqués dès la mise en ligne, évitent la plupart des mauvaises surprises rencontrées après une modification technique du site.