{"id":46583,"date":"2021-05-31T09:39:41","date_gmt":"2021-05-31T07:39:41","guid":{"rendered":"https:\/\/kinsta.com\/?p=96280&#038;preview=true&#038;preview_id=96280"},"modified":"2025-09-16T11:06:23","modified_gmt":"2025-09-16T10:06:23","slug":"tailles-images-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/","title":{"rendered":"Tout ce que vous devez savoir sur les tailles d&rsquo;images de WordPress"},"content":{"rendered":"<p>La taille des images dans WordPress est plus complexe que vous ne le pensez. Il est essentiel de comprendre comment les tailles d&rsquo;image fonctionnent dans WordPress, quelles sont les tailles d&rsquo;image par d\u00e9faut, et comment d\u00e9finir des tailles d&rsquo;image personnalis\u00e9es pour g\u00e9rer efficacement votre site web.<\/p>\n<p>Ces connaissances vous permettront de disposer du type d&rsquo;images appropri\u00e9, dans des tailles ad\u00e9quates et aux bons endroits, afin de tirer le meilleur parti de votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/strategie-de-contenu-visuel\/\">strat\u00e9gie de contenu visuel<\/a>.<\/p>\n<p>Ces tactiques am\u00e9lioreront \u00e9galement la valeur de partage de vos articles, ce qui se traduira par une visibilit\u00e9 et un trafic accrus. Les statistiques r\u00e9v\u00e8lent que les lecteurs ne se souviennent que de 10 % du contenu textuel qu&rsquo;ils ont lu apr\u00e8s trois jours, mais ce chiffre grimpe \u00e0 65 % si vous ajoutez des images visuellement attrayantes \u00e0 votre contenu.<\/p>\n<p>Dans ce guide complet, vous apprendrez tout ce que vous devez savoir sur les tailles d&rsquo;images de WordPress.<\/p>\n<p>Excit\u00e9 ? C&rsquo;est parti !<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<p><strong>Vous pr\u00e9f\u00e9rez regarder la <a href=\"https:\/\/www.youtube.com\/watch?v=k5gd8arv1LY\">version vid\u00e9o<\/a> ?<\/strong><\/p>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=k5gd8arv1LY\"><\/kinsta-video>\n<h2>Comment WordPress g\u00e8re les images que vous t\u00e9l\u00e9versez<\/h2>\n<p>Le <a href=\"https:\/\/kinsta.com\/fr\/blog\/augmenter-taille-max-upload-wordpress\/\">t\u00e9l\u00e9versement d&rsquo;images sur WordPress<\/a> est assez simple, mais il y a beaucoup de choses qui se passent dans l\u2019administration de WordPress lorsqu&rsquo;elle les traite.<\/p>\n<p>La premi\u00e8re chose que fait WordPress lorsque vous t\u00e9l\u00e9versez une image est de cr\u00e9er trois tailles diff\u00e9rentes de votre image. Cela signifie que vous vous retrouvez avec quatre images pour chaque image que vous t\u00e9l\u00e9versez\u00a0:<\/p>\n<ul>\n<li>Miniature<\/li>\n<li>Taille moyenne<\/li>\n<li>Grande taille<\/li>\n<li>Taille originale<\/li>\n<\/ul>\n<p>WordPress cr\u00e9e toutes ces tailles diff\u00e9rentes pour servir vos images dans la taille la plus appropri\u00e9e pour chaque visiteur. Votre site web affichera toujours les bonnes images \u00e0 vos lecteurs <a href=\"https:\/\/kinsta.com\/fr\/blog\/design-web-responsive\/\">en fonction de l&rsquo;appareil qu&rsquo;ils utilisent<\/a>, ce qui acc\u00e9l\u00e8re et am\u00e9liore leur exp\u00e9rience.<\/p>\n<p>Vous pouvez toujours modifier vos images manuellement pour obtenir ces tailles suppl\u00e9mentaires, mais le faire avec pr\u00e9cision dans un outil comme Photoshop n&rsquo;est pas une mince affaire. Cela implique une bonne dose de travail fastidieux, c&rsquo;est pourquoi WordPress vous \u00e9pargne cette peine.<\/p>\n\n<h2>Taille des images WordPress : Choses essentielles \u00e0 garder \u00e0 l&rsquo;esprit<\/h2>\n<p>Avant d&rsquo;aborder les aspects plus techniques de la taille des images WordPress, vous devez conna\u00eetre quelques points essentiels.<\/p>\n<p>Nous avons discut\u00e9 de la fa\u00e7on dont WordPress cr\u00e9e pour vous trois tailles d&rsquo;images par d\u00e9faut, mais que faire si vous avez besoin d&rsquo;une taille diff\u00e9rente des valeurs par d\u00e9faut de WordPress ? Et si vous voulez plus de tailles en g\u00e9n\u00e9ral ?<\/p>\n<p>Bonne nouvelle ! Vous pouvez le faire facilement. WordPress vous permet de modifier les tailles d&rsquo;image par d\u00e9faut et d&rsquo;ajouter autant de tailles suppl\u00e9mentaires que vous le souhaitez. Nous allons vous expliquer cela plus en d\u00e9tail dans un instant.<\/p>\n<p>Mais avant d&rsquo;en arriver l\u00e0, sachez qu&rsquo;il existe des conditions sp\u00e9cifiques pour que cela fonctionne comme vous le souhaitez.<\/p>\n<p>L&rsquo;une d&rsquo;elles est que vous devriez <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/#the-benefits-of-formatting-your-images\">essayer de t\u00e9l\u00e9verser vos images dans la plus grande taille<\/a> dont vous aurez besoin. WordPress les r\u00e9duira pour les petits appareils, mais il utilisera la taille originale lorsque l&rsquo;image doit \u00eatre la plus grande possible.<\/p>\n<p>Supposons que vous t\u00e9l\u00e9versez une image qui est plus petite que la plus grande taille que vous avez d\u00e9finie dans WordPress. Dans ce cas, WordPress n&rsquo;affichera pas correctement cette image particuli\u00e8re dans sa plus grande taille. De plus, il y aura une perte de qualit\u00e9 notable.<\/p>\n<p>Cela dit, vous devez \u00e9galement vous assurer que vous ne t\u00e9l\u00e9versez pas d&rsquo;images dont la taille est sup\u00e9rieure \u00e0 la taille maximale n\u00e9cessaire. WordPress n&rsquo;utilisera jamais de telles images, car elles sont trop grandes et occupent inutilement de l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/utilisation-espace-disque-wordpress\/\">espace sur votre serveur<\/a>.<\/p>\n<p>Vous devez donc v\u00e9rifier la taille de l&rsquo;image que vous t\u00e9l\u00e9versez et vous assurer qu&rsquo;elle a la taille maximale n\u00e9cessaire avant de la t\u00e9l\u00e9verser sur WordPress, mais pas plus grande que cela.<\/p>\n<h2>O\u00f9 et comment WordPress stocke-t-il vos images ?<\/h2>\n<p>En ce qui concerne votre panneau d&rsquo;administration, WordPress stocke vos images t\u00e9l\u00e9vers\u00e9es <a href=\"https:\/\/kinsta.com\/fr\/blog\/bibliotheque-medias-wordpress\/\">dans la m\u00e9diath\u00e8que<\/a>. Vous pouvez voir toutes vos images t\u00e9l\u00e9vers\u00e9es en passant votre souris sur l&rsquo;option M\u00e9dia et en cliquant sur M\u00e9diath\u00e8que.<\/p>\n<figure style=\"width: 1084px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/wordpress-media-library.jpg\" alt=\"La m\u00e9diath\u00e8que de WordPress.\" width=\"1084\" height=\"567\"><figcaption class=\"wp-caption-text\">La m\u00e9diath\u00e8que de WordPress.<\/figcaption><\/figure>\n<p>Vous pouvez les trier par type de m\u00e9dia (image, vid\u00e9o, audio, etc.) et par date. Notez toutefois que vous ne pourrez trier les images par date que si vous n&rsquo;avez pas d\u00e9sactiv\u00e9 cette fonction dans les <strong>R\u00e9glages<\/strong>.<\/p>\n<p>Il y a \u00e9galement un champ de recherche sur la droite pour vous aider \u00e0 retrouver votre image t\u00e9l\u00e9vers\u00e9e. Il suffit de saisir un mot que vous avez utilis\u00e9 dans le titre, la l\u00e9gende ou la description de votre image pour la retrouver.<\/p>\n<p>Vos images sont stock\u00e9es dans les r\u00e9pertoires de t\u00e9l\u00e9versement de votre site (<strong>wp-content\/uploads\/<\/strong>). Pour acc\u00e9der \u00e0 ce r\u00e9pertoire, vous devez <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-utiliser-sftp\/\">utiliser un client FTP \/ SFTP<\/a>. Il y aura plusieurs sous-r\u00e9pertoires dans le r\u00e9pertoire des t\u00e9l\u00e9versements de votre site contenant vos images par date de t\u00e9l\u00e9versement (en supposant que vous ayez laiss\u00e9 activ\u00e9e l&rsquo;option de tri par date dans vos <strong>R\u00e9glages<\/strong>).<\/p>\n<p>Vous pouvez \u00e9galement <a href=\"https:\/\/kinsta.com\/fr\/blog\/televerser-fichiers-masse-ftp\/\">cr\u00e9er des r\u00e9pertoires personnalis\u00e9s pour vos fichiers multim\u00e9dias<\/a>, mais nous vous recommandons de ne le faire que si vous vous consid\u00e9rez comme un utilisateur avanc\u00e9.<\/p>\n<h2>Quelles sont les tailles d&rsquo;image par d\u00e9faut de WordPress ?<\/h2>\n<p>Lorsqu&rsquo;il s&rsquo;agit de WordPress et de la taille des images, il y a toujours quatre tailles diff\u00e9rentes, avec votre fichier image original et les trois tailles diff\u00e9rentes que WordPress cr\u00e9e par d\u00e9faut :<\/p>\n<ul>\n<li><strong>Taille des miniatures :<\/strong> 150\u00a0px (carr\u00e9)<\/li>\n<li><strong>Taille moyenne :<\/strong> Largeur et hauteur maximales de 300\u00a0px<\/li>\n<li><strong>Grande taille :<\/strong> Largeur et hauteur maximales de 1024\u00a0px<\/li>\n<li><strong>Taille originale :<\/strong> La taille originale de votre image<\/li>\n<\/ul>\n<p>Encore une fois, comme nous l&rsquo;avons mentionn\u00e9 pr\u00e9c\u00e9demment, vous voudrez t\u00e9l\u00e9verser vos images en 1024\u00a0px si vous pr\u00e9voyez d&rsquo;utiliser uniquement ces tailles d&rsquo;image par d\u00e9faut. Cela permettra \u00e0 vos images d&rsquo;\u00eatre servies correctement, m\u00eame \u00e0 la taille la plus grande, ce qui peut ne pas \u00eatre possible si votre image est d&rsquo;une taille plus petite que la taille la plus grande utilis\u00e9e par WordPress (qui est de 1024\u00a0px par d\u00e9faut).<\/p>\n<h2>Quelle est la taille id\u00e9ale d&rsquo;une image WordPress mise en avant ?<\/h2>\n<p>Les images mises en avant de WordPress sont essentielles \u00e0 l&rsquo;engagement des lecteurs. Tout comme la couverture d&rsquo;un livre, l&rsquo;image mise en avant offre un aper\u00e7u de ce qui est \u00e0 venir dans le contenu.<\/p>\n<p>Elles apparaissent le plus souvent dans les articles WordPress, mais elles peuvent \u00e9galement \u00eatre incluses dans les pages et les types de publication personnalis\u00e9s. Et comme l&rsquo;image mise en avant peut finir par \u00eatre affich\u00e9e par les moteurs de recherche et les sites de r\u00e9seaux sociaux, il est crucial de choisir la bonne taille.<\/p>\n<p>Bien qu&rsquo;il existe des opinions divergentes sur le sujet, le consensus g\u00e9n\u00e9ral est que la taille id\u00e9ale de l&rsquo;image WordPress mise en avant est d&rsquo;environ <strong>1200 \u00d7 630 pixels<\/strong>. Une image ayant ces dimensions devrait s&rsquo;adapter correctement \u00e0 votre site, quelle que soit la taille de l&rsquo;\u00e9cran de votre lecteur.<\/p>\n<p>Il convient \u00e9galement de noter que pour que vos pages soient \u00e9ligibles au flux <a href=\"https:\/\/kinsta.com\/fr\/blog\/seo-wordpress\/\">Google Discover<\/a> (une excellente source de trafic suppl\u00e9mentaire provenant de Google), <a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/google-discover\">Google souligne<\/a> que la taille de votre image WordPress mise en avant doit \u00eatre d&rsquo;au moins 1200 pixels de large.<\/p>\n<p>Mais est-ce la taille par d\u00e9faut de l&rsquo;image WordPress mise en avant ?<\/p>\n<p>Cela peut surprendre, mais WordPress n&rsquo;inclut pas de r\u00e9glage de taille d&rsquo;image mise en avant par d\u00e9faut. Les images mises en avant conservent par d\u00e9faut leur taille de t\u00e9l\u00e9versement d&rsquo;origine, \u00e0 moins que la conception du site n&rsquo;y fasse obstacle ou que vous ne s\u00e9lectionniez l&rsquo;une des autres tailles par d\u00e9faut de WordPress (comme \u00ab Moyenne \u00bb ou \u00ab Grande \u00bb).<\/p>\n<p>Cependant, de <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-wordpress-plus-rapide\/\">nombreux th\u00e8mes WordPress<\/a> &#8211; y compris le <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-one\/\">th\u00e8me par d\u00e9faut de WordPress, Twenty Twenty-One<\/a> &#8211; d\u00e9finissent leurs propres tailles d&rsquo;images personnalis\u00e9es pour les images mises en avant, alors <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-qu-un-theme-wordpress\/\">v\u00e9rifiez d&rsquo;abord les r\u00e9glages de votre th\u00e8me<\/a>.<\/p>\n<h2>Quelle est la taille id\u00e9ale d&rsquo;une image d&rsquo;en-t\u00eate WordPress ?<\/h2>\n<p>Tout comme les images mises en avant, les images d&rsquo;en-t\u00eate peuvent donner \u00e0 vos lecteurs un aper\u00e7u du th\u00e8me et de l&rsquo;ambiance de la page. Bien qu&rsquo;elles ne soient pas aussi susceptibles d&rsquo;\u00eatre partag\u00e9es sur les pages de r\u00e9sultats de recherche ou les flux de r\u00e9seaux sociaux, il est tout de m\u00eame <a href=\"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/\">important pour la vitesse et l&rsquo;int\u00e9grit\u00e9 de votre site<\/a> qu&rsquo;elles soient de la bonne taille.<\/p>\n<p>Comme les images d&rsquo;en-t\u00eate d\u00e9pendent souvent de la conception d&rsquo;un site, leurs dimensions peuvent varier consid\u00e9rablement. Il n&rsquo;y a pas de sc\u00e9nario de \u00ab taille unique \u00bb, il est donc pr\u00e9f\u00e9rable de prendre en consid\u00e9ration la conception et la r\u00e9activit\u00e9 de votre site avant de choisir la taille de votre image d&rsquo;en-t\u00eate WordPress.<\/p>\n<p>Cela dit, les d\u00e9veloppeurs de th\u00e8mes recommandent que les images d&rsquo;en-t\u00eate WordPress s&rsquo;en tiennent \u00e0 un rapport <strong>16:9<\/strong>, comme par exemple :<\/p>\n<ul>\n<li>1920 \u00d7 1080 pixels<\/li>\n<li>1280 \u00d7 720 pixels<\/li>\n<li>1152 \u00d7 648 pixels<\/li>\n<\/ul>\n<p>Comme pour les images mises en avant, WordPress ne d\u00e9finit pas de taille par d\u00e9faut pour les images d&rsquo;en-t\u00eate. Cependant, votre th\u00e8me peut \u00eatre accompagn\u00e9 d&rsquo;une option permettant de personnaliser la taille de l&rsquo;en-t\u00eate via les r\u00e9glages du th\u00e8me, <a href=\"https:\/\/kinsta.com\/fr\/blog\/tableau-de-bord-admin-wordpress\/\">dans le menu <strong>Apparence<\/strong><\/a>.<\/p>\n<p>Si le th\u00e8me que vous avez choisi ne vous donne pas la possibilit\u00e9 de modifier la taille de l&rsquo;image d&rsquo;en-t\u00eate de WordPress, vous pouvez toujours la r\u00e9gler vous-m\u00eame. Nous verrons comment faire dans la prochaine section.<\/p>\n<h2>Modifier les tailles d&rsquo;image par d\u00e9faut (et quand il faut le faire)<\/h2>\n<p>Si les tailles d&rsquo;image par d\u00e9faut de WordPress conviennent \u00e0 la plupart des utilisateurs, certains d&rsquo;entre eux peuvent avoir des exigences diff\u00e9rentes. Vous pouvez pr\u00e9f\u00e9rer une taille l\u00e9g\u00e8rement sup\u00e9rieure pour vos miniatures ou une taille inf\u00e9rieure pour les grandes images.<\/p>\n<p>Il serait judicieux de modifier les tailles par d\u00e9faut de WordPress lorsque vous modifiez la plupart des images que vous t\u00e9l\u00e9versez parce que les tailles par d\u00e9faut de WordPress ne sont pas adapt\u00e9es \u00e0 votre cas d&rsquo;utilisation.<\/p>\n<p>Avant d&rsquo;ajouter de nouvelles tailles d&rsquo;images personnalis\u00e9es en plus des tailles d&rsquo;images par d\u00e9faut, sachez que vous allez stocker beaucoup plus de fichiers d&rsquo;images que n\u00e9cessaire dans <a href=\"https:\/\/kinsta.com\/fr\/blog\/bases-de-donnees-wordpress\/\">la base de donn\u00e9es<\/a> de votre site. Cela peut entra\u00eener des probl\u00e8mes de performance pour votre site et consommer plus d&rsquo;espace qu&rsquo;il n&rsquo;en faut.<\/p>\n<p>Il en va de m\u00eame pour les sites bas\u00e9s sur des images qui doivent respecter des tailles d&rsquo;image sp\u00e9cifiques. Les <a href=\"https:\/\/kinsta.com\/fr\/blog\/sites-web-photographie\/\">photographes<\/a>, les concepteurs et les autres personnes qui diffusent des images lourdes aiment que la taille des images soit la m\u00eame partout sur le site afin d&rsquo;assurer l&rsquo;uniformit\u00e9.<\/p>\n<p>De m\u00eame, certaines <a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-landing-page-wordpress\/\">pages d\u2019atterrissage<\/a> doivent afficher des images de taille particuli\u00e8re, et les tailles d&rsquo;image par d\u00e9faut de WordPress peuvent ne pas convenir. Et une <a href=\"https:\/\/kinsta.com\/fr\/blog\/hebergement-ecommerce\/\">boutique eCommerce<\/a> doit g\u00e9n\u00e9ralement utiliser des miniatures plus grandes, qui r\u00e9v\u00e8lent plus de d\u00e9tails.<\/p>\n<p>Il y a beaucoup d&rsquo;autres raisons pour lesquelles vous pouvez vouloir modifier les tailles d&rsquo;image par d\u00e9faut, mais vous avez compris l&rsquo;id\u00e9e.<\/p>\n<p>WordPress le comprend aussi, c&rsquo;est pourquoi il vous permet de modifier ces valeurs par d\u00e9faut.<\/p>\n<h3>\u00c9tapes \u00e0 suivre pour modifier les tailles d&rsquo;image par d\u00e9faut<\/h3>\n<p>Voici la proc\u00e9dure \u00e0 suivre, \u00e9tape par \u00e9tape, pour <a href=\"https:\/\/kinsta.com\/fr\/blog\/regenerer-miniatures\/#3-resizing-images-in-the-media-settings\">modifier la taille des images par d\u00e9faut de WordPress<\/a>.<\/p>\n<p><strong>\u00c9tape 1 :<\/strong> Passez votre souris sur <strong>R\u00e9glages<\/strong> et cliquez sur l&rsquo;option <strong>M\u00e9dia<\/strong> qui appara\u00eet :<\/p>\n<figure style=\"width: 1197px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/Media-settings.png\" alt=\"R\u00e9glages M\u00e9dia de WordPress pour modifier la taille des images par d\u00e9faut.\" width=\"1197\" height=\"489\"><figcaption class=\"wp-caption-text\">R\u00e9glages M\u00e9dia de WordPress pour modifier la taille des images par d\u00e9faut.<\/figcaption><\/figure>\n<p><strong>\u00c9tape 2 :<\/strong> Changez les tailles en fonction de vos besoins en modifiant les chiffres comme nous l&rsquo;avons fait ci-dessous:<\/p>\n<figure style=\"width: 1194px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/changed-image-sizes.png\" alt=\"Exemples de tailles d'images mises \u00e0 jour dans les r\u00e9glages des m\u00e9dias.\" width=\"1194\" height=\"481\"><figcaption class=\"wp-caption-text\">Exemples de tailles d&rsquo;images mises \u00e0 jour dans les r\u00e9glages des m\u00e9dias.<\/figcaption><\/figure>\n<p><strong>\u00c9tape 3 :<\/strong> Cliquez sur le bouton <strong>Enregistrer les modifications<\/strong> en bas.<\/p>\n<p>D\u00e9sormais, toutes les images que vous t\u00e9l\u00e9verserez seront dans ces nouvelles tailles par d\u00e9faut.<\/p>\n<p>Certains tutoriels vous sugg\u00e8rent de saisir \u00ab\u00a00\u00a0\u00bb pour les tailles d&rsquo;image par d\u00e9faut. Cependant, nous vous le d\u00e9conseillons, m\u00eame si cela peut vous aider \u00e0 gagner de l&rsquo;espace.<\/p>\n<p>Si vous changez ces valeurs en \u00ab\u00a00\u00a0\u00bb, WordPress utilisera votre image en taille r\u00e9elle (originale) \u00e0 tous les emplacements et sur tous les appareils, ce qui entra\u00eenera un pic massif d&rsquo;utilisation de la bande passante sur votre site. En outre, cela ralentirait presque certainement le temps de chargement des pages pour les sections qui affichent un grand nombre de ces images.<\/p>\n<h2>Comment ajouter des tailles d&rsquo;images personnalis\u00e9es \u00e0 WordPress<\/h2>\n<p>Si vous avez besoin de modifier toutes vos anciennes images pour les adapter \u00e0 ces nouvelles tailles, vous pouvez utiliser plusieurs excellentes extensions, dont nous parlerons en d\u00e9tail ci-dessous.<\/p>\n<p>Pour les utilisateurs qui ont tendance \u00e0 utiliser de nombreux types d&rsquo;images diff\u00e9rents, il peut \u00eatre essentiel de disposer de plus de tailles d&rsquo;images que les trois tailles par d\u00e9faut propos\u00e9es par WordPress.<\/p>\n<p>Les tailles d&rsquo;image par d\u00e9faut peuvent suffire pour les types d&rsquo;images standard, mais pour des \u00e9l\u00e9ments tels que les graphiques de fen\u00eatres pop-up, les <a href=\"https:\/\/kinsta.com\/fr\/blog\/widgets-wordpress\/\">widgets<\/a> ou les <a href=\"https:\/\/kinsta.com\/fr\/blog\/diaporama-wordpress\/\">images de diaporamas<\/a>, vous aurez probablement besoin de plus de tailles d&rsquo;image.<\/p>\n<p>Les tailles d&rsquo;image personnalis\u00e9es vous offrent la possibilit\u00e9 d&rsquo;am\u00e9liorer la fonctionnalit\u00e9 de votre site WordPress et de gagner un temps fou \u00e0 redimensionner vos images une par une.<\/p>\n<p>Maintenant que nous avons \u00e9tabli cette base, examinons de plus pr\u00e8s le processus d&rsquo;ajout de ces tailles d&rsquo;images personnalis\u00e9es sur votre site WordPress.<\/p>\n<p>Deux options s&rsquo;offrent \u00e0 vous. La premi\u00e8re est d&rsquo;utiliser une extension qui g\u00e8re tout pour vous en quelques clics. La seconde est la m\u00e9thode manuelle qui consiste \u00e0 ajouter les cha\u00eenes de code n\u00e9cessaires dans les fichiers de votre site.<\/p>\n<p>Commen\u00e7ons par la m\u00e9thode de l\u2019extension.<\/p>\n<h3>Ajout de tailles d&rsquo;image personnalis\u00e9es avec Image Regenerate &#038; Select Crop<\/h3>\n<p>L\u2019extension <a href=\"https:\/\/wordpress.org\/plugins\/image-regenerate-select-crop\/\">Image Regenerate &#038; Select Crop<\/a> va plus loin que <a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\">Regenerate Thumbnails<\/a> (dont nous parlons plus loin), permettant plus de personnalisation et de fonctionnalit\u00e9s.<\/p>\n<p>En plus de vous permettre de modifier les tailles d&rsquo;image par d\u00e9faut, elle vous permet \u00e9galement de r\u00e9g\u00e9n\u00e9rer toutes les images existantes pour qu&rsquo;elles correspondent \u00e0 vos tailles d&rsquo;image pr\u00e9f\u00e9r\u00e9es, de d\u00e9finir des options de recadrage par d\u00e9faut pour les images et de r\u00e9g\u00e9n\u00e9rer les miniatures.<\/p>\n<figure style=\"width: 1428px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/image-regenerate-and-select-crop-settings.jpg\" alt=\"Options de taille d'image personnalis\u00e9es via l\u2019extension Image Regenerate &#038; Select Crop.\" width=\"1428\" height=\"627\"><figcaption class=\"wp-caption-text\">Options de taille d&rsquo;image personnalis\u00e9es via l\u2019extension Image Regenerate &#038; Select Crop.<\/figcaption><\/figure>\n<p>Une fois install\u00e9e et activ\u00e9e, vous pouvez cr\u00e9er autant de nouvelles tailles d&rsquo;images personnalis\u00e9es que vous le souhaitez via la page WordPress <strong>R\u00e9glages &gt; M\u00e9dia<\/strong>.<\/p>\n<h3>Ajout manuel de tailles d&rsquo;images personnalis\u00e9es<\/h3>\n<p>Bien qu&rsquo;il s&rsquo;agisse d&rsquo;un processus relativement simple et facile, la toute premi\u00e8re chose \u00e0 faire est de <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/sauvegardes-wordpress\/#wordpress-backup\">cr\u00e9er une sauvegarde de votre site web<\/a> au cas o\u00f9 quelque chose se passerait mal lors de ces ajustements. Une fois le processus de sauvegarde termin\u00e9, rendez-vous dans le tableau de bord d&rsquo;administration de votre site WordPress.<\/p>\n<p>Une fois l\u00e0, survolez l&rsquo;option de menu <strong>Apparence<\/strong> et choisissez <strong>\u00c9diteur<\/strong> (qui peut \u00eatre appel\u00e9 <strong>\u00c9diteur de th\u00e8me<\/strong> dans certains cas).<\/p>\n<p>Ensuite, trouvez le fichier <strong>functions.php<\/strong> et v\u00e9rifiez si le code suivant s&rsquo;y trouve d\u00e9j\u00e0 (utilisez la fonction de recherche pour le localiser rapidement). S&rsquo;il y est d\u00e9j\u00e0, vous n&rsquo;avez rien \u00e0 faire.<\/p>\n<p>Si elle n&rsquo;est pas pr\u00e9sente, vous devez ajouter cette cha\u00eene au fichier :<\/p>\n<pre><code>add_theme_support( 'post-thumbnails' );<\/code><\/pre>\n<figure style=\"width: 1136px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/adding-custom-image-sizes-functions-php.jpg\" alt=\"Ajout du hook pour les tailles d'images personnalis\u00e9es dans functions.php.\" width=\"1136\" height=\"599\"><figcaption class=\"wp-caption-text\">Ajout du hook pour les tailles d&rsquo;images personnalis\u00e9es dans functions.php.<\/figcaption><\/figure>\n<p>Apr\u00e8s avoir ajout\u00e9 ce code, cliquez sur le bouton <strong>Mettre \u00e0 jour le fichier<\/strong> en bas de page pour activer la fonction qui vous permet de cr\u00e9er des tailles d&rsquo;image personnalis\u00e9es.<\/p>\n<p>Il est maintenant temps d&rsquo;ajouter le code pour les tailles d&rsquo;images personnalis\u00e9es que vous souhaitez. Recherchez la cha\u00eene \u00ab\u00a0add_image_size\u00a0\u00bb dans votre fichier <strong>functions.php<\/strong>, car c&rsquo;est l\u00e0 que vous devrez effectuer vos modifications :<\/p>\n<pre><code>add_image_size( 'my-custom-image-size', 800, 640 );<\/code><\/pre>\n<p>Plus pr\u00e9cis\u00e9ment, vous devez mettre \u00e0 jour ce qui se trouve entre les guillemets avec le nom que vous souhaitez donner \u00e0 votre nouvelle taille d&rsquo;image personnalis\u00e9e. Nous vous sugg\u00e9rons de le garder simple et descriptif (par exemple, \u00ab main-post-image \u00bb).<\/p>\n<p>Apr\u00e8s avoir pris soin du nom, vous devez d\u00e9clarer les tailles des images elles-m\u00eames. La premi\u00e8re valeur num\u00e9rique est la largeur de l&rsquo;image, tandis que la seconde est la hauteur de l&rsquo;image.<\/p>\n<p>Voici une capture d&rsquo;\u00e9cran montrant notre exemple de code ajout\u00e9 au fichier <strong>functions.php<\/strong> :<\/p>\n<figure style=\"width: 1136px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/add-custom-image-size-dimensions-functions-php.jpg\" alt=\"Ajout de dimensions personnalis\u00e9es pour les images dans functions.php.\" width=\"1136\" height=\"600\"><figcaption class=\"wp-caption-text\">Ajout de dimensions personnalis\u00e9es pour les images dans functions.php.<\/figcaption><\/figure>\n<h3>Comprendre le recadrage<\/h3>\n<p>Lorsqu&rsquo;une image est r\u00e9duite sans \u00eatre recadr\u00e9e, il s&rsquo;agit simplement d&rsquo;une version r\u00e9duite de l&rsquo;original. En revanche, lorsqu&rsquo;elle est \u00ab\u00a0recadr\u00e9e\u00a0\u00bb ou coup\u00e9e, la partie recadr\u00e9e est retir\u00e9e de l&rsquo;image finale.<\/p>\n<p>C&rsquo;est exactement comme couper physiquement une photo. Si vous prenez vos ciseaux pour faire un portrait et que vous coupez tout ce qui se trouve sous les \u00e9paules de la personne, vous avez \u00ab\u00a0recadr\u00e9\u00a0\u00bb cette photo. Cela fonctionne de la m\u00eame mani\u00e8re au niveau num\u00e9rique.<\/p>\n<p>L&rsquo;objectif est de r\u00e9duire la taille du fichier d&rsquo;une image, car le recadrage n&rsquo;est pas le bon choix. Vous supprimeriez des \u00e9l\u00e9ments que vous souhaiteriez peut-\u00eatre conserver tout en maintenant une taille de fichier importante. Cela dit, le recadrage peut s&rsquo;av\u00e9rer utile pour les images qui doivent s&rsquo;adapter parfaitement \u00e0 une dimension sp\u00e9cifique, comme les images mises en avant ou les photos de profil.<\/p>\n<p>Les sujets principaux peuvent \u00eatre trop petits pour les <a href=\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/\">images d\u2019arri\u00e8re-plan<\/a>. Ils devraient n\u00e9anmoins b\u00e9n\u00e9ficier de l&rsquo;exposition n\u00e9cessaire lorsqu&rsquo;ils sont redimensionn\u00e9s sans \u00eatre recadr\u00e9s. D\u00e9terminez donc ce qui fonctionne le mieux pour les diff\u00e9rents types d&rsquo;images que vous utilisez et r\u00e9glez la fonction de recadrage en cons\u00e9quence.<\/p>\n<p>Lorsque vous ajoutez des tailles d&rsquo;images personnalis\u00e9es, vous pouvez faire en sorte que WordPress recadre automatiquement les images en fonction de la taille que vous avez d\u00e9finie et de la taille d&rsquo;origine. Vous devez ajouter \u00ab\u00a0true\u00a0\u00bb \u00e0 la fin du code.<\/p>\n<p>Voici \u00e0 nouveau l&rsquo;exemple ci-dessus avec la fonction de recadrage activ\u00e9e.<\/p>\n<pre><code>add_image_size( 'name-for-your-custom-image', 800, 640, true );<\/code><\/pre>\n<p>Cependant, si vous ne voulez pas recadrer les images, vous pouvez soit mettre \u00ab false \u00bb au lieu de \u00ab true \u00bb, soit ne rien mettre. Si vous ne mettez ni l&rsquo;un ni l&rsquo;autre, le code prendra automatiquement l&rsquo;option \u00ab false \u00bb. De cette fa\u00e7on, WordPress ne recadrera pas vos images.<\/p>\n<h2>Ajout d&rsquo;une taille d&rsquo;image personnalis\u00e9e \u00e0 votre th\u00e8me<\/h2>\n<p>Une fois que vous avez cr\u00e9\u00e9 les tailles d&rsquo;image personnalis\u00e9es dont vous avez besoin, vous devez \u00e9galement mettre \u00e0 jour le code de votre th\u00e8me. Cette op\u00e9ration permettra \u00e0 votre th\u00e8me d&rsquo;afficher ces tailles d&rsquo;images personnalis\u00e9es comme vous le souhaitez.<\/p>\n<p>Si vous \u00eates un d\u00e9butant complet en mati\u00e8re de <a href=\"https:\/\/kinsta.com\/fr\/blog\/modifier-code-wordpress\/\">modification du code<\/a>, veuillez cr\u00e9er \u00e0 nouveau une sauvegarde de votre site avant d&rsquo;effectuer cette op\u00e9ration.<\/p>\n<p>Maintenant, vous devez trouver votre fichier de th\u00e8me dans la boucle de publication et y ajouter le code suivant :<\/p>\n<pre><code>the_post_thumbnail( 'your-specified-image-size' );<\/code><\/pre>\n<p>Pour trouver ce fichier, cliquez sur <strong>\u00c9diteur de th\u00e8me<\/strong> sous le r\u00e9glage <strong>Apparence<\/strong>. Recherchez le fichier <strong>index.php<\/strong> &#8211; il s&rsquo;agit du fichier de th\u00e8me qui contient la boucle des articles que vous devez modifier.<\/p>\n<p>Une fois que vous l&rsquo;avez trouv\u00e9, ajoutez le code mentionn\u00e9 ci-dessus, comme indiqu\u00e9 dans l&rsquo;image ci-dessous :<\/p>\n<figure style=\"width: 1156px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/add-custom-image-size-function-index-php-1.jpg\" alt=\"Ajout de taille personnalis\u00e9e d'image dans le fichier index.php du th\u00e8me.\" width=\"1156\" height=\"598\"><figcaption class=\"wp-caption-text\">Ajout de taille personnalis\u00e9e d&rsquo;image dans le fichier index.php du th\u00e8me.<\/figcaption><\/figure>\n<p>L\u00e0 encore, il serait pr\u00e9f\u00e9rable que vous remplaciez la partie \u00ab\u00a0new-homepage-feature\u00a0\u00bb par le nom de la taille d&rsquo;image personnalis\u00e9e que vous avez cr\u00e9\u00e9e.<\/p>\n<p>Une fois que vous avez ajout\u00e9 ce code et mis \u00e0 jour le fichier, vous verrez la taille personnalis\u00e9e d&rsquo;image dans votre m\u00e9diath\u00e8que. T\u00e9l\u00e9versez une nouvelle image pour l&rsquo;essayer.<\/p>\n<h2>Mise \u00e0 jour des anciennes miniatures<\/h2>\n<p>Si la cr\u00e9ation et l&rsquo;ajout de tailles d&rsquo;image personnalis\u00e9es sont tr\u00e8s agr\u00e9ables, ils vous laissent une autre t\u00e2che \u00e0 accomplir : qu&rsquo;en est-il de toutes les anciennes images que vous avez d\u00e9j\u00e0 t\u00e9l\u00e9vers\u00e9es ?<\/p>\n<p>Ne vous inqui\u00e9tez pas, <a href=\"https:\/\/kinsta.com\/fr\/sujets\/extensions-wordpress\/\">certaines extensions<\/a> sont tr\u00e8s pratiques pour cette t\u00e2che ! Voyons comment elles peuvent vous aider \u00e0 prendre soin de vos anciennes miniatures.<\/p>\n<h3>Extension Regenerate Thumbnails<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\">Regenerate Thumbnails<\/a> vous permet de t\u00e9l\u00e9verser \u00e0 nouveau et automatiquement les images dans les nouvelles tailles, y compris les tailles d&rsquo;image personnalis\u00e9es que vous avez ajout\u00e9es.<\/p>\n<p>Pour l&rsquo;installer, survolez l&rsquo;option de menu <strong>Extensions<\/strong> et cliquez sur <strong>Ajouter<\/strong>. Puis saisissez \u00ab Regenerate thumbnails \u00bb dans le champ de recherche.<\/p>\n<p>Installez l\u2019extension Regenerate Thumbnails en cliquant sur son bouton <strong>Installer maintenant<\/strong>.<\/p>\n<figure style=\"width: 1158px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/install-regenerate-thumbnails-plugin.jpg\" alt=\"Installation de l\u2019extension Regenerate Thumbnails.\" width=\"1158\" height=\"626\"><figcaption class=\"wp-caption-text\">Installation de l\u2019extension Regenerate Thumbnails.<\/figcaption><\/figure>\n<p>Une fois l&rsquo;installation termin\u00e9e, cliquez sur le bouton <strong>Activer<\/strong> pour commencer \u00e0 l&rsquo;utiliser.<\/p>\n<p>Ensuite, survolez le menu <strong>Outils<\/strong> \u00e0 gauche et cliquez sur <strong>R\u00e9g\u00e9n\u00e9rer les miniatures d\u2019images<\/strong> :<\/p>\n<figure style=\"width: 1181px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/image4.png\" alt=\"La page des r\u00e9glages de l\u2019extension Regenerate Thumbnails.\" width=\"1181\" height=\"620\"><figcaption class=\"wp-caption-text\">La page des r\u00e9glages de l\u2019extension Regenerate Thumbnails.<\/figcaption><\/figure>\n<p>Vous pouvez cliquer sur <strong>R\u00e9g\u00e9n\u00e9rer les miniatures pour toutes les [#] pi\u00e8ces jointes<\/strong> pour produire de nouvelles tailles d&rsquo;image pour toutes vos anciennes images.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Faites attention \u00e0 ne pas cocher la case de suppression des fichiers de miniatures pour vos anciennes tailles non enregistr\u00e9es, car vous pouvez vous retrouver avec des images cass\u00e9es sur votre site s&rsquo;il contient encore d&rsquo;anciennes images de tailles que vous n&rsquo;utilisez plus.<\/p>\n<\/aside>\n\n<p>Comme vous pouvez le voir sur l&rsquo;image ci-dessus, Regenerate Thumbnails liste \u00e9galement toutes les tailles d&rsquo;images actuellement actives sur votre site.<\/p>\n<p>Vous trouverez peut-\u00eatre des tailles d&rsquo;images que vous ne connaissiez pas. Souvent, celles-ci sont cr\u00e9\u00e9es par des extensions, surtout si elles servent \u00e0 am\u00e9liorer l&rsquo;aspect, la conception ou la fonctionnalit\u00e9 de votre site.<\/p>\n<h2>Utilisation de l&rsquo;\u00e9diteur de taille d&rsquo;image int\u00e9gr\u00e9 \u00e0 WordPress<\/h2>\n<p>Comme nous l&rsquo;avons soulign\u00e9 pr\u00e9c\u00e9demment, vous ne devriez cr\u00e9er que des tailles d&rsquo;images personnalis\u00e9es que vous utiliserez souvent. Pour les tailles d&rsquo;image que vous pr\u00e9voyez de n&rsquo;utiliser qu&rsquo;en de rares occasions, il est judicieux de modifier manuellement les tailles d&rsquo;image en utilisant l&rsquo;\u00e9diteur de taille d&rsquo;image int\u00e9gr\u00e9 \u00e0 WordPress.<\/p>\n<p>Nous allons vous expliquer rapidement comment utiliser l&rsquo;\u00e9diteur int\u00e9gr\u00e9 pour modifier la taille des images rapidement et facilement.<\/p>\n<p>Tout d&rsquo;abord, cliquez sur le menu <strong>M\u00e9dia<\/strong> pour acc\u00e9der \u00e0 la M\u00e9diath\u00e8que. Ensuite, cliquez sur l&rsquo;image dont vous voulez ajuster la taille.<\/p>\n<p>Cliquez ensuite sur le bouton <strong>Modifier l&rsquo;image<\/strong>, juste en dessous de l&rsquo;image :<\/p>\n<figure style=\"width: 1092px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/edit-image-wordpress-media-library.jpg\" alt=\"Le bouton Modifier l'image.\" width=\"1092\" height=\"594\"><figcaption class=\"wp-caption-text\">Le bouton Modifier l&rsquo;image.<\/figcaption><\/figure>\n<p>Vous verrez la taille actuelle de l&rsquo;image et pourrez l&rsquo;ajuster ici. Il vous suffit de saisir la taille d&rsquo;image souhait\u00e9e, puis de cliquer sur le bouton <strong>Redimensionner<\/strong>, et le tour est jou\u00e9.<\/p>\n<figure style=\"width: 1090px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/edit-image-dimensions-media-library.jpg\" alt=\"Modification des dimensions de l'image.\" width=\"1090\" height=\"593\"><figcaption class=\"wp-caption-text\">Modification des dimensions de l&rsquo;image.<\/figcaption><\/figure>\n<p>L&rsquo;ajustement de la taille sera automatiquement sauvegard\u00e9 d\u00e8s que vous aurez cliqu\u00e9 sur <strong>Redimensionner<\/strong>. Si, pour une raison quelconque, la nouvelle taille de l&rsquo;image ne vous convient pas, vous pouvez toujours revenir \u00e0 la taille d&rsquo;origine en utilisant l&rsquo;option <strong>Restaurer l&rsquo;image originale<\/strong> (juste en dessous du champ de la taille de l&rsquo;image).<\/p>\n<h2>Modifier des images dans WordPress Gutenberg<\/h2>\n<p>Si vous utilisez <a href=\"https:\/\/kinsta.com\/fr\/blog\/editeur-wordpress-gutenberg\/\">Gutenberg,<\/a> vous pouvez rapidement modifier la taille de vos images lorsque vous les ajoutez lors de la cr\u00e9ation d&rsquo;un article.<\/p>\n<figure style=\"width: 1155px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/edit-image-size-gutenberg-editor.jpg\" alt=\"Changer la taille de l'image via Gutenberg.\" width=\"1155\" height=\"662\"><figcaption class=\"wp-caption-text\">Changer la taille de l&rsquo;image via Gutenberg.<\/figcaption><\/figure>\n<p>Comme vous pouvez le voir dans l&rsquo;image ci-dessus, lorsque vous t\u00e9l\u00e9versez une image lors de la cr\u00e9ation d&rsquo;un article dans WordPress Gutenberg, vous pouvez s\u00e9lectionner les tailles d&rsquo;image existantes ou modifier la taille de l&rsquo;image \u00e0 partir de l&rsquo;option de l&rsquo;article.<\/p>\n<p>Si vous avez ajout\u00e9 vos nouvelles tailles d&rsquo;image personnalis\u00e9es au fichier de votre th\u00e8me, vous les trouverez toutes dans le menu d\u00e9roulant <strong>Taille d&rsquo;image<\/strong>.<\/p>\n<p>Vous pourrez \u00e9galement modifier la taille de l&rsquo;image \u00e0 l&rsquo;aide du champ situ\u00e9 juste en dessous. Il vous suffit de saisir la taille souhait\u00e9e dans les champs, et l&rsquo;image sera automatiquement redimensionn\u00e9e selon vos nouvelles sp\u00e9cifications.<\/p>\n<h2>Optimiser vos images<\/h2>\n<p>Aucun guide sur les images n&rsquo;est complet sans une mention de l&rsquo;optimisation des images. Bien que nous ayons <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/\">abord\u00e9 l&rsquo;optimisation des images<\/a> de mani\u00e8re tr\u00e8s d\u00e9taill\u00e9e, mentionner quelques conseils rapides ne fera certainement pas de mal.<\/p>\n<p>Apr\u00e8s tout, lorsque vous ajoutez des tailles d&rsquo;image personnalis\u00e9es, vous devez savoir comment optimiser vos images pour qu&rsquo;elles n&rsquo;affectent pas les performances de votre site et ne consomment pas plus de ressources serveur que n\u00e9cessaire.<\/p>\n<p>Cela dit, voici quelques conseils rapides pour vous aider \u00e0 commencer \u00e0 optimiser vos images.<\/p>\n<h3>D\u00e9cider du type de fichier<\/h3>\n<p>Le simple fait de choisir le bon type de fichier pour vos images peut r\u00e9duire consid\u00e9rablement leur taille. Bien qu&rsquo;il existe de <a href=\"https:\/\/kinsta.com\/fr\/blog\/types-fichier-image\/\">nombreux types de fichiers image<\/a>, la grande majorit\u00e9 sont des fichiers <a href=\"https:\/\/kinsta.com\/fr\/blog\/jpg-vs-jpeg\/\">JPEG ou PNG<\/a>.<\/p>\n<p>JPEG l&#8217;emporte haut la main lorsqu&rsquo;il s&rsquo;agit d&rsquo;images en couleurs. De plus, vous pouvez compresser davantage les fichiers JPEG pour en r\u00e9duire la taille avec une l\u00e9g\u00e8re baisse de la qualit\u00e9 (si vous le faites correctement).<\/p>\n<p>En revanche, le format PNG est g\u00e9n\u00e9ralement une meilleure option pour les dessins, le texte, la plupart des captures d&rsquo;\u00e9cran et les graphiques.<\/p>\n<h3>Redimensionner les images<\/h3>\n<p>Le redimensionnement des images est un moyen rapide et facile de r\u00e9duire la taille du fichier de vos images. En r\u00e8gle g\u00e9n\u00e9rale, vous devez vous assurer que toutes les images de votre site sont aussi grandes que n\u00e9cessaire.<\/p>\n<p>Si la largeur maximale de votre site web est de 1200\u00a0px, il n&rsquo;est pas judicieux d&rsquo;avoir une seule image sur votre site dont la largeur est sup\u00e9rieure \u00e0 ce maximum de 1200\u00a0px.<\/p>\n<p>Nous avons \u00e9galement mentionn\u00e9 l&rsquo;importance de ne pas cr\u00e9er de nouvelles tailles d&rsquo;images personnalis\u00e9es, sauf si vous en avez besoin, alors gardez \u00e9galement cela \u00e0 l&rsquo;esprit.<\/p>\n<h3>Tirer parti de la compression avec perte<\/h3>\n<p>La <a href=\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/\">compression avec perte<\/a> est un excellent moyen de r\u00e9duire davantage la taille du fichier apr\u00e8s avoir d\u00e9j\u00e0 optimis\u00e9 vos images \u00e0 l&rsquo;aide d&rsquo;autres m\u00e9thodes.<\/p>\n<p>Cela signifie qu&rsquo;il faut se d\u00e9barrasser de certaines donn\u00e9es d&rsquo;image, dont la suppression ne change pas grand-chose \u00e0 la qualit\u00e9 de l&rsquo;image, mais peut contribuer \u00e0 r\u00e9duire consid\u00e9rablement la taille du fichier.<\/p>\n<h3>Utiliser le chargement diff\u00e9r\u00e9<\/h3>\n<p>Le <a href=\"https:\/\/kinsta.com\/fr\/blog\/lazy-load-wordpress\/\">chargement diff\u00e9r\u00e9<\/a> vous permet de donner la priorit\u00e9 au chargement des images sur les pages de votre site. Il charge les images en fonction du d\u00e9filement de la page par le visiteur. Cela signifie que les images situ\u00e9es tout en haut de la page seront charg\u00e9es imm\u00e9diatement, mais que tout ce qui se trouve en dessous du pli ne sera pas charg\u00e9 tant que l&rsquo;utilisateur n&rsquo;aura pas d\u00e9pass\u00e9 le pli.<\/p>\n<p>Ce n&rsquo;est pas tout, mais vous trouverez tout cela dans notre <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/\">guide de l&rsquo;optimisation des images<\/a>, alors passons directement aux extensions d&rsquo;optimisation des images que vous pouvez utiliser.<\/p>\n<h2>Extensions d&rsquo;\u00e9dition d&rsquo;images pour WordPress<\/h2>\n<p>La beaut\u00e9 de l&rsquo;utilisation de ces extensions est que vous pouvez effectuer une optimisation avanc\u00e9e des images en quelques clics, sans avoir \u00e0 utiliser d&rsquo;outils ou de codes avanc\u00e9s. De plus, la plupart de ces extensions sont gratuites, notamment pour optimiser un certain nombre d&rsquo;images ou utiliser quelques fonctions d&rsquo;optimisation de base.<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">Imagify<\/a> : Niveau de compression personnalis\u00e9 impressionnant et autres fonctions d&rsquo;optimisation des images.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/kraken-image-optimizer\/\">Kraken<\/a> : Extension utile de compression sans perte, mais seulement si vous achetez la version premium.<\/li>\n<li><a href=\"https:\/\/tinypng.com\/\">TinyPNG<\/a> : Prend en charge la <a href=\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-ou-sans-perte\/\">compression avec perte<\/a> et fonctionne avec de nombreux types d&rsquo;images.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\">Optimole<\/a> : Pour le CDN et le chargement diff\u00e9r\u00e9, qui sont des moyens tr\u00e8s efficaces d&rsquo;optimiser vos images.<\/li>\n<\/ul>\n\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Vous savez maintenant tout ce qu&rsquo;il y a \u00e0 savoir sur la taille des images WordPress et comment tirer le meilleur parti des fonctionnalit\u00e9s et de la personnalisation que WordPress offre dans ce domaine. Vous devriez trouver l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/ebooks\/wordpress\/accelerer-site-wordpress\/\">optimisation des performances et des fonctionnalit\u00e9s de votre site web<\/a> beaucoup plus facile maintenant que vous savez comment g\u00e9rer vos images WordPress \u00e0 l&rsquo;int\u00e9rieur et \u00e0 l&rsquo;ext\u00e9rieur.<\/p>\n<p>Vous pouvez cr\u00e9er des tailles d&rsquo;image personnalis\u00e9es et les g\u00e9rer soit directement dans le code de votre th\u00e8me, soit \u00e0 l&rsquo;aide d&rsquo;une extension con\u00e7ue pour cette t\u00e2che sp\u00e9cifique. N&rsquo;oubliez pas de mettre \u00e0 jour vos anciennes miniatures chaque fois que vous pr\u00e9voyez de mettre \u00e0 jour une image &#8211; une t\u00e2che \u00e9galement facile, gr\u00e2ce aux extensions utiles que nous avons \u00e9num\u00e9r\u00e9es ci-dessus.<\/p>\n<p>Avons-nous oubli\u00e9 quelque chose ? Laissez un commentaire ci-dessous si vous avez des difficult\u00e9s \u00e0 comprendre quoi que ce soit sur la taille des images WordPress !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La taille des images dans WordPress est plus complexe que vous ne le pensez. Il est essentiel de comprendre comment les tailles d&rsquo;image fonctionnent dans WordPress, &#8230;<\/p>\n","protected":false},"author":117,"featured_media":46587,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[404,207],"topic":[1041,1017,975],"class_list":["post-46583","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-images","tag-wordpresshelp","topic-conception-site-web-wordpress","topic-conception-web","topic-optimisation-images"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tout ce que vous devez savoir sur les tailles d&#039;images de WordPress<\/title>\n<meta name=\"description\" content=\"Apprenez tout sur les tailles d&#039;images WordPress et comment les utiliser pour embellir le contenu visuel et les graphiques de votre site web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tout ce que vous devez savoir sur les tailles d&#039;images de WordPress\" \/>\n<meta property=\"og:description\" content=\"Apprenez tout sur les tailles d&#039;images WordPress et comment les utiliser pour embellir le contenu visuel et les graphiques de votre site web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-31T07:39:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-16T10:06:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/05\/tailles-images-wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Salman Ravoof\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Apprenez tout sur les tailles d&#039;images WordPress et comment les utiliser pour embellir le contenu visuel et les graphiques de votre site web.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/05\/tailles-images-wordpress.png\" \/>\n<meta name=\"twitter:creator\" content=\"@salmanravoof\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Salman Ravoof\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"23 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/\"},\"author\":{\"name\":\"Salman Ravoof\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\"},\"headline\":\"Tout ce que vous devez savoir sur les tailles d&rsquo;images de WordPress\",\"datePublished\":\"2021-05-31T07:39:41+00:00\",\"dateModified\":\"2025-09-16T10:06:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/\"},\"wordCount\":5283,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/05\/tailles-images-wordpress.png\",\"keywords\":[\"images\",\"wordpresshelp\"],\"articleSection\":[\"Meilleurs Tutoriels WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/\",\"name\":\"Tout ce que vous devez savoir sur les tailles d'images de WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/05\/tailles-images-wordpress.png\",\"datePublished\":\"2021-05-31T07:39:41+00:00\",\"dateModified\":\"2025-09-16T10:06:23+00:00\",\"description\":\"Apprenez tout sur les tailles d'images WordPress et comment les utiliser pour embellir le contenu visuel et les graphiques de votre site web.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/05\/tailles-images-wordpress.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/05\/tailles-images-wordpress.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Optimisation des images\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/optimisation-images\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Tout ce que vous devez savoir sur les tailles d&#8217;images de WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\",\"name\":\"Salman Ravoof\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"caption\":\"Salman Ravoof\"},\"description\":\"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.\",\"sameAs\":[\"https:\/\/salmanravoof.com\",\"https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/\",\"https:\/\/x.com\/salmanravoof\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/salmanravoof\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Tout ce que vous devez savoir sur les tailles d'images de WordPress","description":"Apprenez tout sur les tailles d'images WordPress et comment les utiliser pour embellir le contenu visuel et les graphiques de votre site web.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/","og_locale":"fr_FR","og_type":"article","og_title":"Tout ce que vous devez savoir sur les tailles d'images de WordPress","og_description":"Apprenez tout sur les tailles d'images WordPress et comment les utiliser pour embellir le contenu visuel et les graphiques de votre site web.","og_url":"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2021-05-31T07:39:41+00:00","article_modified_time":"2025-09-16T10:06:23+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/05\/tailles-images-wordpress.png","type":"image\/png"}],"author":"Salman Ravoof","twitter_card":"summary_large_image","twitter_description":"Apprenez tout sur les tailles d'images WordPress et comment les utiliser pour embellir le contenu visuel et les graphiques de votre site web.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/05\/tailles-images-wordpress.png","twitter_creator":"@salmanravoof","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Salman Ravoof","Dur\u00e9e de lecture estim\u00e9e":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/"},"author":{"name":"Salman Ravoof","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987"},"headline":"Tout ce que vous devez savoir sur les tailles d&rsquo;images de WordPress","datePublished":"2021-05-31T07:39:41+00:00","dateModified":"2025-09-16T10:06:23+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/"},"wordCount":5283,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/05\/tailles-images-wordpress.png","keywords":["images","wordpresshelp"],"articleSection":["Meilleurs Tutoriels WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/","url":"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/","name":"Tout ce que vous devez savoir sur les tailles d'images de WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/05\/tailles-images-wordpress.png","datePublished":"2021-05-31T07:39:41+00:00","dateModified":"2025-09-16T10:06:23+00:00","description":"Apprenez tout sur les tailles d'images WordPress et comment les utiliser pour embellir le contenu visuel et les graphiques de votre site web.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/05\/tailles-images-wordpress.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/05\/tailles-images-wordpress.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/tailles-images-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Optimisation des images","item":"https:\/\/kinsta.com\/fr\/sujets\/optimisation-images\/"},{"@type":"ListItem","position":3,"name":"Tout ce que vous devez savoir sur les tailles d&#8217;images de WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987","name":"Salman Ravoof","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","caption":"Salman Ravoof"},"description":"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.","sameAs":["https:\/\/salmanravoof.com","https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/","https:\/\/x.com\/salmanravoof"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/salmanravoof\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/46583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=46583"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/46583\/revisions"}],"predecessor-version":[{"id":80964,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/46583\/revisions\/80964"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/46583\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/46583\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/46583\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/46583\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/46583\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/46583\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/46583\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/46583\/translations\/se"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/46583\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/46587"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=46583"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=46583"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=46583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}