{"id":2794,"date":"2024-02-02T21:29:56","date_gmt":"2024-02-02T21:29:56","guid":{"rendered":"https:\/\/wpconsults.com\/?p=2794"},"modified":"2026-07-18T23:01:35","modified_gmt":"2026-07-19T04:01:35","slug":"taille-de-limage-vedette-dans-wordpress-2","status":"publish","type":"post","link":"https:\/\/www.wpconsults.com\/fr\/featured-image-size-in-wordpress\/","title":{"rendered":"Taille de l'image mise en avant dans WordPress : quelle taille choisir ?"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Si vous cherchez \u00e0 conna\u00eetre la taille id\u00e9ale pour une image mise en avant dans WordPress, voici d\u2019embl\u00e9e la r\u00e9ponse honn\u00eate : il n\u2019y a pas de chiffre magique, car c\u2019est votre th\u00e8me qui d\u00e9termine la taille r\u00e9elle d\u2019affichage de votre image, et non WordPress lui-m\u00eame.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela peut sembler peu concret, alors je vais vous donner des conseils pratiques. Pour la quasi-totalit\u00e9 des sites, une image \u00e0 t\u00e9l\u00e9charger sans risque mesure 1 200 pixels de large avec un format 16:9 (1 200 \u00d7 675) : elle est en haute r\u00e9solution mais compress\u00e9e. Je vais vous expliquer ci-dessous pourquoi cela fonctionne et dans quels cas il vaut mieux choisir une autre taille.<\/p>\n\n\n\n<div class=\"wp-block-group wpc-takeaways is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Principaux enseignements<\/h3>\n<ul class=\"wp-block-list\"><li><strong>Il n'y a pas de taille fixe pour les images mises en avant dans WordPress ;<\/strong> C'est votre th\u00e8me qui d\u00e9finit les dimensions d'affichage ; ainsi, deux th\u00e8mes peuvent afficher le m\u00eame fichier t\u00e9l\u00e9charg\u00e9 de mani\u00e8re diff\u00e9rente.<\/li><li><strong>Une image t\u00e9l\u00e9charg\u00e9e au format 16:9 doit avoir une largeur de 1 200 px (1 200 \u00d7 675).<\/strong> L'image est tr\u00e8s nette sur les \u00e9crans haute densit\u00e9 et s'adapte parfaitement aux r\u00e9solutions inf\u00e9rieures.<\/li><li>Le <strong>le format d'image est plus important que le nombre exact de pixels<\/strong>, car le th\u00e8me recadrera votre image selon ses propres proportions si celles-ci ne correspondent pas.<\/li><li>WordPress g\u00e9n\u00e8re automatiquement plusieurs tailles (vignette, moyenne, grande) \u00e0 partir de votre fichier t\u00e9l\u00e9charg\u00e9 ; c'est le th\u00e8me qui choisit celle qui sera affich\u00e9e.<\/li><li>Veillez \u00e0 ce que le fichier reste l\u00e9ger, id\u00e9alement au format WebP et d'environ 200 Ko maximum, afin qu'une image principale trop lourde ne ralentisse pas votre <a href=\"https:\/\/www.wpconsults.com\/fr\/comment-passer-les-epreuves-vitales-de-la-toile-de-fond-2\/\">Core Web Vitals<\/a>.<\/li><li>Les dimensions 1 200 \u00d7 630 que vous voyez partout correspondent aux dimensions de partage sur les r\u00e9seaux sociaux (Open Graph) ; il s'agit d'un param\u00e8tre distinct de l'affichage sur la page.<\/li><\/ul>\n<\/div>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);border-top:1px solid var(--global-palette10, #3182CE);border-right:1px solid var(--global-palette10, #3182CE);border-bottom:1px solid var(--global-palette10, #3182CE);border-left:1px solid var(--global-palette10, #3182CE);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:15px 15px 0px 0px rgba(160, 152, 255, 0.31);}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-contents-title{font-weight:600;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap .kb-table-of-content-list{color:var(--global-palette4, #2D3748);font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap .kb-table-of-content-list .kb-table-of-contents__entry:hover{color:var(--global-palette1, #3182CE);}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap .kb-table-of-content-list .active > .kb-table-of-contents__entry{color:var(--global-palette1, #3182CE);}@media all and (max-width: 1024px){.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap{border-top:1px solid var(--global-palette10, #3182CE);border-right:1px solid var(--global-palette10, #3182CE);border-bottom:1px solid var(--global-palette10, #3182CE);border-left:1px solid var(--global-palette10, #3182CE);}}@media all and (max-width: 767px){.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap{border-top:1px solid var(--global-palette10, #3182CE);border-right:1px solid var(--global-palette10, #3182CE);border-bottom:1px solid var(--global-palette10, #3182CE);border-left:1px solid var(--global-palette10, #3182CE);}}<\/style>\n\n\n<h2 class=\"wp-block-heading\">Pourquoi n'y a-t-il pas de taille unique pour les images mises en avant ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress n'impose pas de taille sp\u00e9cifique pour l'image mise en avant. C'est plut\u00f4t chaque th\u00e8me qui d\u00e9finit les dimensions souhait\u00e9es \u00e0 l'aide de fonctions telles que <code>set_post_thumbnail_size()<\/code> et <code>add_image_size()<\/code>, dont vous pouvez en savoir plus dans le <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_image_size\/\" rel=\"nofollow noopener\" target=\"_blank\">Documentation pour les d\u00e9veloppeurs WordPress<\/a>. La \u201c bonne \u201d taille est donc en r\u00e9alit\u00e9 celle requise par votre th\u00e8me actif.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C'est pourquoi une m\u00eame image peut para\u00eetre parfaite sur un th\u00e8me et mal recadr\u00e9e sur un autre. Un th\u00e8me peut afficher les images mises en avant sous forme de banni\u00e8res larges au format 16:9, tandis qu'un autre utilise des cartes verticales hautes, et chacun recadrera votre image pour l'adapter \u00e0 son propre cadre. Le fait de le savoir d\u00e8s le d\u00e9part vous \u00e9vite de rejeter la faute sur l'image alors que c'est le th\u00e8me qui proc\u00e8de au recadrage.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La taille maximale autoris\u00e9e pour le t\u00e9l\u00e9chargement<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pour un th\u00e8me par d\u00e9faut dont vous n'aurez pratiquement plus \u00e0 vous soucier, t\u00e9l\u00e9chargez une image de 1 200 pixels de large au format 16:9, soit 1 200 \u00d7 675. Cette taille est suffisante pour garantir une nettet\u00e9 optimale sur les \u00e9crans Retina et 4K, et comme elle est sup\u00e9rieure \u00e0 celle affich\u00e9e par la plupart des th\u00e8mes, WordPress peut la redimensionner sans que l'image ne perde en nettet\u00e9.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Cas d'utilisation<\/th><th>Taille recommand\u00e9e<\/th><th>Ratio<\/th><\/tr><\/thead><tbody><tr><td>Image de couverture du blog g\u00e9n\u00e9ral<\/td><td>1 200 \u00d7 675<\/td><td>16:9<\/td><\/tr><tr><td>Sert \u00e9galement d'image \u00e0 partager sur les r\u00e9seaux sociaux<\/td><td>1 200 \u00d7 630<\/td><td>~1.91:1<\/td><\/tr><tr><td>En-t\u00eate \u00ab hero \u00bb en pleine largeur<\/td><td>1 920 \u00d7 1 080 ou plus<\/td><td>16:9<\/td><\/tr><tr><td>Th\u00e8mes au format portrait ou carte<\/td><td>Respectez les proportions du th\u00e8me (par exemple, 1 200 \u00d7 1 500)<\/td><td>4:5<\/td><\/tr><\/tbody><\/table><figcaption>Tailles de fichiers \u00e0 t\u00e9l\u00e9charger sans risque selon les utilisations ; choisissez le format qui correspond \u00e0 la mani\u00e8re dont votre th\u00e8me affiche r\u00e9ellement l'image mise en avant.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous souhaitez que votre image mise en avant serve \u00e9galement de vignette visible par les internautes lorsque l'article est partag\u00e9, les dimensions id\u00e9ales sont de 1 200 \u00d7 630, soit un rapport d'environ 1,91:1, car elles correspondent \u00e9troitement au format utilis\u00e9 pour le partage sur les r\u00e9seaux sociaux tout en restant esth\u00e9tiques sur la page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pourquoi le rapport d'aspect est plus important que le nombre exact de pixels<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le probl\u00e8me le plus courant concernant les images mises en avant n'est pas le flou, mais un mauvais recadrage, qui r\u00e9sulte presque toujours d'un d\u00e9calage entre les formats. Si votre th\u00e8me n\u00e9cessite un format 16:9 et que vous importez une photo carr\u00e9e, WordPress recadre de mani\u00e8re rigide le haut et le bas de l'image pour l'adapter, ce qui peut couper des t\u00eates, des logos ou du texte.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alors, avant de vous focaliser sur les pixels exacts, v\u00e9rifiez la forme utilis\u00e9e par votre th\u00e8me et adaptez-vous-y. Veillez \u00e9galement \u00e0 placer la partie importante de l'image pr\u00e8s du centre, car c'est la zone qui a le plus de chances de rester intacte, quel que soit le recadrage appliqu\u00e9 par le th\u00e8me.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Les tailles g\u00e9n\u00e9r\u00e9es automatiquement par WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lorsque vous importez une image, WordPress ne se contente pas de stocker ce fichier. Il g\u00e9n\u00e8re plusieurs versions afin de pouvoir afficher la bonne au bon endroit ; les tailles par d\u00e9faut sont : vignette (150 \u00d7 150), moyenne (jusqu\u2019\u00e0 300 \u00d7 300), moyenne-grande (768 de large) et grande (jusqu'\u00e0 1 024 \u00d7 1 024).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C'est ensuite votre th\u00e8me qui d\u00e9cide laquelle de ces tailles g\u00e9n\u00e9r\u00e9es afficher comme image mise en avant, ou qui d\u00e9finit sa propre taille personnalis\u00e9e. C'est pr\u00e9cis\u00e9ment pour cette raison qu'il est important de t\u00e9l\u00e9charger un fichier original de grande taille : WordPress peut toujours r\u00e9duire une image source grande et nette, mais il ne peut pas cr\u00e9er de d\u00e9tails en agrandissant une image de petite taille.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Veillez \u00e0 ce que la taille du fichier reste r\u00e9duite et \u00e0 ce que le format soit correct<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une grande dimension, \u00e7a va ; une taille de fichier trop importante, \u00e7a ne va pas. L'image mise en avant est souvent l'\u00e9l\u00e9ment le plus volumineux charg\u00e9 en haut de votre article ; un fichier trop lourd nuit donc directement \u00e0 votre \u00ab Largest Contentful Paint \u00bb et au reste de vos Core Web Vitals. Exportez-la au format WebP lorsque c'est possible, visez une taille inf\u00e9rieure \u00e0 environ 200 Ko, et ajoutez toujours un texte alternatif descriptif.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous souhaitez modifier la taille r\u00e9elle g\u00e9n\u00e9r\u00e9e par votre th\u00e8me plut\u00f4t que celle du fichier que vous t\u00e9l\u00e9chargez, il s'agit d'une autre proc\u00e9dure, que j'explique \u00e9tape par \u00e9tape dans <a href=\"https:\/\/www.wpconsults.com\/fr\/comment-modifier-la-taille-de-limage-vedette-dans-wordpress\/\">Comment modifier la taille de l'image mise en avant dans WordPress<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Et qu'en est-il de l'image destin\u00e9e au partage sur les r\u00e9seaux sociaux ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le c\u00e9l\u00e8bre nombre 1 200 sur 630 est le <a href=\"https:\/\/ogp.me\/\" rel=\"nofollow noopener\" target=\"_blank\">Open Graph<\/a> la taille de l'image, c'est-\u00e0-dire la vignette qui s'affiche lorsque votre article est partag\u00e9 sur les r\u00e9seaux sociaux. Elle est d\u00e9finie ind\u00e9pendamment de l'image mise en avant sur la page, g\u00e9n\u00e9ralement par votre plugin de r\u00e9f\u00e9rencement ; ne confondez donc pas les deux, m\u00eame si elles utilisent souvent la m\u00eame image.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Alors, quelle doit \u00eatre la taille exacte de votre image mise en avant ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c0 mon avis, il faut importer les images au format 1 200 \u00d7 675 en 16:9, adapter ce rapport d'aspect \u00e0 celui de votre th\u00e8me, puis les compresser au format WebP. Cette simple habitude couvre la grande majorit\u00e9 des sites et vous \u00e9vite les probl\u00e8mes de recadrage et de flou qui poussent les gens \u00e0 chercher une \u00ab valeur magique \u00bb au d\u00e9part.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La seule fois o\u00f9 je m'\u00e9carterais de cette r\u00e8gle, c'est lorsqu'un th\u00e8me exige clairement une forme diff\u00e9rente, comme une carte portrait haute ou un \u00e9l\u00e9ment \u00ab hero \u00bb large en plein \u00e9cran ; dans ce cas, je m'adapte au th\u00e8me plut\u00f4t que de m'y opposer. Il suffit de respecter le rapport d'aspect et la taille du fichier, et le nombre exact de pixels n'a plus d'importance.<\/p>\n\n\n\n<div class=\"wp-block-group wpc-changelog is-layout-flow wp-block-group-is-layout-flow\" id=\"article-update-logs\">\n<h2 class=\"wp-block-heading\">Journal des mises \u00e0 jour<\/h2>\n<p class=\"wp-block-paragraph\"><strong>1er juillet 2026<\/strong><\/p>\n<ul class=\"wp-block-list\"><li>R\u00e9\u00e9crit pour donner la bonne r\u00e9ponse : la taille de l'image mise en avant d\u00e9pend du th\u00e8me, avec un format de t\u00e9l\u00e9chargement s\u00fbr de 16:9, un tableau des tailles et la diff\u00e9rence entre la taille de l'image sur la page et celle destin\u00e9e au partage sur les r\u00e9seaux sociaux.<\/li><\/ul>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Il n'y a pas de taille unique pour les images mises en avant dans WordPress ; la taille d'affichage est d\u00e9finie par votre th\u00e8me, mais pour un t\u00e9l\u00e9chargement sans risque, il est recommand\u00e9 d'utiliser une image de 1 200 px de large au format 16:9, compress\u00e9e au format WebP.<\/p>","protected":false},"author":1,"featured_media":7382,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kb_optimizer_status":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","rank_math_title":"Featured Image Size in WordPress: What Size to Use","rank_math_description":"The right featured image size in WordPress depends on your theme. Here is the safe size to upload, the ratio that matters, and how to keep files small.","rank_math_focus_keyword":"featured image size in wordpress","_colophon_preset":"regular","_colophon_fc_on":"","_colophon_edited_on":"","_colophon_editor_on":"","_colophon_editor_id":0,"_colophon_editor_name":"","_wpc_translation_mode":"keep","_wpc_translation_visited":"2026-07-22 02:33 UTC (backfill)","_wpc_keep_translation":false,"_wpc_lastmod":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-2794","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tips-tutorials"],"_links":{"self":[{"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/posts\/2794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/comments?post=2794"}],"version-history":[{"count":0,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/posts\/2794\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/media\/7382"}],"wp:attachment":[{"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/media?parent=2794"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/categories?post=2794"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/tags?post=2794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}