Comment utiliser l’image mise en avant sur WordPress ?

L’image mise en avant de WordPress, longtemps appelée image à la une dans la version française, fait partie des basiques quand on rédige sa première page ou son premier article. Pourtant, lorsqu’on débute, elle n’a rien d’évident : on ne retrouve pas vraiment d’équivalent sur les autres plateformes, son emplacement dans l’éditeur a bougé au fil des versions, et son rendu sur le site dépend presque entièrement du thème.

Également nommée Featured image, Post Thumbnail ou encore image principale, c’est une fonction de thème arrivée avec WordPress 2.9 (oui, cela ne nous rajeunit pas !). Son rôle : représenter le sujet de la publication. Quand bien même un article contient dix photos, c’est elle qui s’affichera sur la page d’accueil, dans les pages de catégories, dans les blocs d’articles récents et, très souvent, lors d’un partage sur les réseaux sociaux ou dans Google Discover.

Ce guide reprend tout dans l’ordre où vous en aurez besoin : comment ajouter l’image, la remplacer ou la retirer, que faire quand elle n’apparaît pas, ce qui change entre un thème classique et un thème basé sur des blocs, puis les bonnes pratiques de dimensions, de performance, d’accessibilité et de visibilité.

Guide mis à jour le 8 octobre 2026 (première publication le 7 juin 2016). Ce qui a été actualisé : la procédure d’ajout dans l’éditeur de blocs, les sections remplacer, retirer et dépannage, la distinction entre thèmes classiques et thèmes basés sur des blocs, les recommandations de dimensions, de performance, d’accessibilité et pour Google Discover, l’état de maintenance des extensions citées (vérifié sur WordPress.org) et une FAQ.

Comment ajouter une image mise en avant sur WordPress

La manipulation diffère légèrement selon l’éditeur que vous utilisez. Dans les deux cas, l’image choisie est enregistrée avec l’article ou la page au moment où vous cliquez sur Publier ou Mettre à jour.

Avec l’éditeur de blocs

1. Ouvrez l’article ou la page, puis affichez la colonne de réglages à droite de l’écran (icône Réglages en haut à droite si elle est fermée).
2. Cliquez sur l’onglet Article (ou Page, ou le nom de votre type de contenu), et non sur l’onglet Bloc.
3. Repérez la zone Image mise en avant. Selon votre version de WordPress, elle se trouve en haut de l’onglet ou plus bas dans la colonne : faites défiler si vous ne la voyez pas tout de suite.
4. Cliquez sur Définir l’image mise en avant pour ouvrir la médiathèque, ou glissez directement une image depuis votre ordinateur dans la zone grise.
5. Sélectionnez l’image, validez, puis enregistrez votre publication.

Une mécanique à prendre, qui peut demander de chercher quelques secondes les premières fois. Ensuite, on s’habitue ! Si vous découvrez tout juste cet éditeur, ce billet pour appréhender les blocs WordPress sereinement vous fera gagner du temps.

Avec l’éditeur classique

Si vous avez choisi de conserver l’ancien éditeur de WordPress, l’image mise en avant se présente sous la forme d’un encart dédié dans la colonne latérale de l’écran de rédaction, sous les encarts de publication, de catégories et d’étiquettes. Il suffit de cliquer sur le lien Définir l’image mise en avant, de choisir l’image dans la médiathèque, puis de mettre à jour l’article.

Si votre publication contient plusieurs images, positionnez dans cet encart celle qui est la plus représentative de votre contenu : celle qui symbolise le mieux le sujet ou illustre le mieux le propos, car c’est elle que vos visiteurs verront en premier.

Remplacer ou retirer une image mise en avant

Dans l’éditeur de blocs, une fois l’image définie, la zone Image mise en avant affiche son aperçu et propose deux actions : Remplacer, qui rouvre la médiathèque pour en choisir une autre, et Retirer, qui laisse la publication sans image. Dans l’éditeur classique, un clic sur l’aperçu permet de changer d’image et un lien placé sous l’aperçu permet de la supprimer de l’article.

Deux précisions utiles. D’abord, le changement n’est effectif qu’après avoir mis à jour la publication. Ensuite, retirer l’image mise en avant ne fait que la détacher de l’article : le fichier reste dans votre médiathèque et dans les autres contenus qui l’utilisent. Pour l’effacer réellement, il faut passer par la médiathèque.

L’image mise en avant ne s’affiche pas : que vérifier ?

C’est de loin la question qui revient le plus souvent. Il y a en réalité deux situations bien distinctes : soit la zone n’existe pas dans l’éditeur, soit l’image est bien définie mais reste invisible (ou s’affiche mal) sur le site.

La zone Image mise en avant est absente de l’éditeur

• Le thème ne déclare pas la fonctionnalité. L’image mise en avant est une fonction de thème : il doit la déclarer pour que l’interface apparaisse dans l’écran d’édition. C’est rare avec les thèmes actuels, plus fréquent avec des thèmes anciens ou très minimalistes.
• Le type de contenu ne la prend pas en charge. Sur un type de contenu personnalisé (réalisations, événements, offres d’emploi…), la prise en charge de la miniature doit être activée à sa création, en plus du support par le thème.
• Le panneau a été masqué. Dans l’éditeur de blocs, le menu aux trois points en haut à droite donne accès aux Préférences, où l’on choisit les panneaux affichés dans la colonne de réglages. Dans l’éditeur classique, le même rôle est tenu par les Options de l’écran, en haut de la page.

L’image est définie mais n’apparaît pas sur le site

• Le thème ou le modèle ne l’affiche pas à cet endroit. Certains thèmes proposent de masquer l’image sur l’article seul, ou selon l’appareil (ordinateur, tablette, mobile). Avec un thème basé sur des blocs, c’est le modèle utilisé qui doit contenir le bloc Image mise en avant (voir plus bas).
• Le cache n’a pas été vidé. Si vous utilisez une extension de cache ou le cache de votre hébergeur, purgez-le avant de conclure que cela ne fonctionne pas.
• L’image apparaît deux fois. Votre thème affiche déjà l’image mise en avant en tête d’article et vous l’avez aussi insérée au début du contenu. Retirez l’une des deux.
• L’image est coupée ou déformée. Le thème impose un format (un ratio) et recadre ce qui dépasse. Voyez la partie sur les dimensions ci-dessous.
• L’image est floue. Le fichier envoyé est plus petit que l’espace dans lequel le thème l’affiche. Une petite image agrandie ne gagne jamais en netteté : il faut repartir d’un fichier plus grand.

Si malgré tout le problème persiste, il vient généralement du code du thème ou d’un conflit avec une extension. C’est typiquement le genre de panne que je traite en dépannage WordPress.

Thème classique ou thème basé sur des blocs : qui décide de l’affichage ?

WordPress se contente d’enregistrer quelle image est associée à quelle publication. Tout le reste, c’est le thème qui le décide : l’endroit où l’image s’affiche, sa taille, son format, et ce qui se passe quand on clique dessus. La façon de modifier ces comportements n’est pas du tout la même selon la famille de thème.

Avec un thème classique

Dans un thème classique, l’affichage est écrit dans les fichiers PHP du thème et se règle, quand l’auteur l’a prévu, depuis l’outil de personnalisation. Sur ce blog par exemple, le thème Blocksy propose pour les articles un élément Image mise en avant avec le choix du ratio, de la taille d’image chargée, de la largeur (alignée sur le contenu ou plus large) et de la visibilité par appareil. D’autres thèmes n’offrent aucun réglage : il faut alors passer par un thème enfant et modifier le code.

Selon la mise en page choisie, la même image se retrouvera dans une grille, une liste ou en pleine largeur au-dessus de l’article. Voici deux exemples d’affichage issus de thèmes SoloPine que j’ai longtemps utilisés, en grille puis en liste :

Le lien placé sur l’image varie lui aussi d’un thème à l’autre, et c’est un point à tester sur la démo avant d’adopter un thème :

• le plus souvent, un clic sur l’image dans une page d’accueil ou de catégorie mène à l’article : c’est le comportement attendu par les visiteurs ;
• certains thèmes affichent l’image sans aucun lien ;
• plus rare et peu pertinent, l’image renvoie vers le fichier image lui-même, c’est-à-dire une page vide de tout contenu.

Avec un thème basé sur des blocs

Avec un thème basé sur des blocs, l’image mise en avant devient un bloc comme un autre : le bloc Image mise en avant (Post Featured Image en anglais). On le place dans les modèles depuis l’éditeur de site, ou à l’intérieur d’un bloc Boucle de requête pour composer une liste d’articles. Pour l’insérer rapidement, tapez une barre oblique dans un paragraphe vide suivie du nom du bloc.

Ce qui exigeait hier de modifier du PHP se règle désormais dans la colonne de réglages du bloc :

• le lien vers l’article : une option rend l’image cliquable, avec la possibilité d’ouvrir le lien dans un nouvel onglet ;
• le ratio, la hauteur et la largeur, pour harmoniser une grille même si vos images d’origine ont des formats différents ;
• une superposition de couleur avec une opacité réglable de 0 à 100, pratique pour poser un titre lisible par-dessus ;
• un filtre duotone, une bordure et des coins arrondis ;
• l’alignement, en largeur étendue ou en pleine largeur.

Autre possibilité : le bloc Bannière (Cover) propose d’utiliser l’image mise en avant de la publication comme image d’arrière-plan, ce qui permet de construire un en-tête d’article avec le titre posé sur l’image. Si vous hésitez encore à franchir le pas, j’ai listé 11 raisons d’adopter les blocs WordPress.

Quelles dimensions pour une image mise en avant ?

Il n’existe pas de taille universelle : la bonne dimension est celle que votre thème affiche, avec de la marge. Pour comprendre, il faut savoir qu’à chaque envoi WordPress génère plusieurs versions de votre image :

• miniature : 150 x 150 pixels maximum ;
• moyenne : 300 x 300 pixels maximum ;
• moyenne large : 768 pixels de large, sans limite de hauteur ;
• grande : 1024 x 1024 pixels maximum ;
• taille originale : le fichier tel que vous l’avez envoyé.

Ces valeurs par défaut se modifient dans Réglages puis Médias, et les thèmes ajoutent très souvent leurs propres tailles, parfois recadrées. Le thème pioche ensuite la version qui convient à chaque emplacement.

En pratique, je recommande d’envoyer une image d’au moins 1200 pixels de large, au format paysage. C’est suffisant pour la grande majorité des thèmes, cela correspond à ce que demande Google pour Discover (voir plus bas), et WordPress se charge de produire les versions plus petites.

Attention aux photos au format portrait et autres images pensées pour Pinterest : si votre thème recadre les images mises en avant, vous pourrez vous retrouver avec un visage qui ne s’affiche que jusqu’au nez, ou un sujet coupé en deux. Même vigilance avec les thèmes qui alimentent un grand slider à partir des images mises en avant : une image trop petite y paraîtra pixelisée.

Enfin, après un changement de thème, les anciennes images n’existent pas encore dans les tailles attendues par le nouveau. Il faut alors régénérer les miniatures, avec une extension comme Regenerate Thumbnails ou Force Regenerate Thumbnails. Lors de ma vérification d’octobre 2026, la fiche WordPress.org de Regenerate Thumbnails indiquait une extension non testée avec les trois dernières versions majeures de WordPress, alors que Force Regenerate Thumbnails avait reçu une mise à jour en février 2026 : faites une sauvegarde avant de lancer le traitement.

Poids et performance : une image qui pèse sur le chargement

Sur un article, l’image mise en avant est souvent le plus gros élément visible à l’ouverture de la page. Elle pèse donc directement sur la vitesse d’affichage et sur vos Core Web Vitals. Bonne nouvelle, WordPress fait déjà une partie du travail :

• il fournit au navigateur la liste des versions disponibles de l’image, afin que celui-ci télécharge celle qui convient à la taille de l’écran ;
• il diffère le chargement des images situées plus bas dans la page (le lazy load) ;
• depuis WordPress 6.3, il signale au navigateur de charger en priorité l’image qui a le plus de chances d’être le plus grand élément visible, et ne lui applique pas de chargement différé.

Ce qui reste à votre charge :

• Ne jamais différer le chargement de l’image du haut de page. Google est formel sur ce point : cela retarde inutilement l’affichage. Si une extension d’optimisation applique le lazy load à toutes vos images, excluez-en l’image mise en avant affichée en tête d’article.
• Redimensionner avant l’envoi. Inutile d’envoyer un fichier de 6000 pixels de large sorti de l’appareil photo : réduisez d’abord la taille de l’image.
• Compresser et choisir un format moderne. Le WebP et l’AVIF sont nettement plus légers que le JPEG. WordPress accepte l’AVIF depuis la version 6.5, à condition que votre hébergement le prenne en charge : cela se vérifie dans Outils, Santé du site, onglet Infos, rubrique consacrée à la gestion des médias. Plus de détails dans mon billet sur les formats d’image nouvelle génération.

Accessibilité : le texte alternatif de l’image mise en avant

L’éditeur ne demande pas de texte alternatif au moment où l’on définit l’image mise en avant, ce qui fait qu’on l’oublie très souvent. WordPress va pourtant chercher ce texte dans le champ Texte alternatif de l’image, dans la médiathèque. S’il est vide, l’image sera affichée sans description pour les lecteurs d’écran et pour les moteurs de recherche.

Que faut-il y écrire ? Les recommandations du W3C tiennent en trois cas :

• l’image apporte une information : décrivez-la brièvement, en restituant ce qu’elle signifie dans le contexte ;
• l’image sert de lien, comme dans une liste d’articles où elle mène à la publication : le texte alternatif doit faire comprendre la destination du lien ;
• l’image est purement décorative : le texte alternatif reste vide.

Dans tous les cas, on évite d’y empiler des mots-clés. Pour aller plus loin, j’explique comment et pourquoi utiliser l’attribut alt et comment ajouter rapidement le texte alternatif sur les médias WordPress quand il y en a beaucoup à rattraper.

Google Discover et réseaux sociaux : l’image qui voyage avec votre article

L’image mise en avant ne reste pas sur votre site. Les extensions SEO s’en servent en général pour renseigner la balise og:image, celle que lisent Facebook, LinkedIn ou X pour générer l’aperçu d’un lien partagé. C’est le cas sur ce blog avec Yoast SEO. Conséquence directe : si vous choisissez volontairement une toute petite image pour vous adapter à votre thème, par exemple 250 x 300 pixels, c’est cette version qui sera poussée vers les réseaux sociaux, où elle sera agrandie et paraîtra de mauvaise qualité.

Pour Google Discover, la documentation de Google est précise. Pour avoir une chance d’apparaître avec une grande image, il faut :

• une image d’au moins 1200 pixels de large ;
• une haute résolution, soit plus de 300 000 pixels au total ;
• un ratio 16:9 ;
• le réglage max-image-preview:large activé sur le site (Yoast SEO l’ajoute par défaut sur ce blog) ;
• une image pertinente et représentative de la page : Google demande d’éviter les images génériques comme le logo du site.

Rien de tout cela ne garantit une présence dans Discover, mais c’est un prérequis. J’ai détaillé le sujet dans pourquoi utiliser une grande taille pour l’image principale de ses articles et dans ce billet sur les grandes images dans Discover et le taux de clics.

Gérer les images mises en avant en nombre : les extensions utiles

Quand un site contient des centaines d’articles, ou après une migration, traiter les images une par une n’est pas réaliste. Voici les extensions que j’ai eu l’occasion d’évoquer sur ce blog, avec leur état sur WordPress.org lors de ma vérification d’octobre 2026.

Voir et modifier les images depuis la liste des articles

Pour les sites à fort volume de contenu, afficher l’image mise en avant dans la liste des articles du tableau de bord permet de repérer d’un coup d’œil les publications qui n’en ont pas :

Featured Image Admin Thumb (plus de 20 000 installations actives, testée jusqu’à WordPress 7.0) ajoute cette colonne. WEN Featured Image (version 2.0 publiée en mars 2026) permet en plus d’associer, de changer ou de supprimer l’image sans ouvrir l’article : je la présente dans ce billet pour gérer les images mises en avant en mode bulk.

Attribuer automatiquement une image aux articles qui n’en ont pas

Si vous passez d’un thème sans image mise en avant à un thème qui les utilise, vous pouvez mettre automatiquement la première photo de chaque article en image mise en avant. Soyez toutefois prudent : l’extension Autoset Featured Image testée dans ce billet n’a pas été mise à jour depuis 9 ans d’après sa fiche WordPress.org. Je ne l’installerais plus sur un site en production sans l’avoir essayée d’abord sur une copie.

Autre approche : définir une image de secours. L’extension Default Featured Image (plus de 60 000 installations actives, testée jusqu’à WordPress 7.0) affiche une image par défaut pour toutes les publications qui n’en ont pas.

Récupérer les images après une migration

Si vous avez migré votre contenu de Blogger ou d’OverBlog vers WordPress, les images restent souvent hébergées sur l’ancienne plateforme. Un outil comme Cache Images scanne vos articles et rapatrie les fichiers depuis le site d’origine : ne supprimez donc surtout pas l’ancien blog avant la fin du traitement. Là encore, prudence : sa fiche WordPress.org indique une dernière mise à jour il y a 3 ans et une extension non testée avec les trois dernières versions majeures de WordPress. Sauvegardez le site avant, et testez sur une copie si vous le pouvez.

Une fois vos images importées (vérifiez bien), vous pourrez les associer à vos articles manuellement ou avec l’une des extensions ci-dessus.

Questions fréquentes sur l’image mise en avant

Image à la une et image mise en avant, est-ce la même chose ?

Oui. Image à la une est l’ancienne traduction française, remplacée depuis par Image mise en avant dans l’interface de WordPress. En anglais, on parle de Featured image, et de Post Thumbnail dans le code.

Quelle taille choisir pour une image mise en avant ?

Cela dépend de votre thème, mais une image d’au moins 1200 pixels de large au format paysage convient à la plupart des cas et répond aux exigences de Google Discover.

Pourquoi la zone Image mise en avant n’apparaît-elle pas ?

Soit le thème ne déclare pas cette fonctionnalité, soit le type de contenu ne la prend pas en charge, soit le panneau a été masqué dans les préférences de l’éditeur.

Pourquoi mon image s’affiche-t-elle en double dans l’article ?

Parce que le thème l’affiche déjà automatiquement en tête d’article et qu’elle a aussi été insérée dans le contenu. Il suffit d’en retirer une.

Retirer l’image mise en avant supprime-t-il le fichier ?

Non. L’image est seulement détachée de la publication : le fichier reste disponible dans la médiathèque.

Faut-il un texte alternatif sur une image mise en avant ?

Oui, sauf si elle est purement décorative. Il se renseigne dans la médiathèque, dans le champ Texte alternatif de l’image.

Peut-on définir une image mise en avant par défaut ?

WordPress ne le propose pas nativement. Certains thèmes le prévoient, et une extension comme Default Featured Image s’en charge.

En bref !

L’image mise en avant est simple à utiliser, mais elle engage plus qu’il n’y paraît : c’est la première image que verra l’internaute, sur votre site comme en dehors. Prenez l’habitude d’envoyer une image d’au moins 1200 pixels de large, allégée, avec un texte alternatif renseigné, et vérifiez son rendu sur la page d’accueil, sur l’article et sur mobile.

Et si vous êtes en train de choisir un thème, n’hésitez pas à cliquer partout sur sa démo, notamment sur les images mises en avant pour voir comment elles se comportent : ont-elles un lien ? Où pointe ce lien ? Les images sont-elles recadrées ? Peut-on régler leur format sans toucher au code ? Avec un thème classique, un comportement prévu par l’auteur ne se modifie le plus souvent qu’en intervenant dans les fichiers du thème. Avec un thème basé sur des blocs, vous gardez la main.