{"id":39385,"date":"2020-06-10T00:48:40","date_gmt":"2020-06-10T07:48:40","guid":{"rendered":"https:\/\/kinsta.com\/?p=72780"},"modified":"2025-09-17T15:04:03","modified_gmt":"2025-09-17T14:04:03","slug":"webp","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/webp\/","title":{"rendered":"Comment utiliser les images WebP sur WordPress (et r\u00e9duire la taille des fichiers d&rsquo;images jusqu&rsquo;\u00e0 35%)"},"content":{"rendered":"<p>Si vous souhaitez <a href=\"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/\">acc\u00e9l\u00e9rer votre site WordPress<\/a>, la r\u00e9duction de la taille de fichier de vos images offre un retour sur investissement significatif. En moyenne, les images repr\u00e9sentent environ la moiti\u00e9 de la taille du fichier d&rsquo;une page web, donc m\u00eame des am\u00e9liorations mineures peuvent donner des r\u00e9sultats \u00e9normes. WebP peut vous aider \u00e9norm\u00e9ment \u00e0 cet \u00e9gard !<\/p>\n<p>WebP est un format d&rsquo;image moderne qui peut vous aider \u00e0 r\u00e9duire la taille de vos images sans en modifier l&rsquo;aspect. En moyenne, apprendre \u00e0 convertir une image en WebP permet de r\u00e9duire sa taille d&rsquo;environ 25 \u00e0 35 % sans perte de qualit\u00e9 perceptible.<\/p>\n<p>La plupart des <a href=\"https:\/\/kinsta.com\/fr\/parts-de-marche-des-navigateurs\/\">navigateurs modernes<\/a> et <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-8\/\">WordPress 5.8+<\/a> supportent d&#8217;embl\u00e9e WebP. Dans cet article, nous allons nous plonger dans ce nouveau format d&rsquo;image passionnant et vous afficher comment vous pouvez en tirer parti.<\/p>\n<p>Pr\u00eats ? Commen\u00e7ons !<\/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<h2>Qu&rsquo;est-ce que le WebP ?<\/h2>\n<p>Alors, qu&rsquo;est-ce qu&rsquo;un fichier WebP ? En un mot, WebP est un format d&rsquo;image d\u00e9velopp\u00e9 par Google pour optimiser les images mieux que les formats d&rsquo;image populaires (\u00e0 l&rsquo;\u00e9poque). Par exemple, vous avez des formats d&rsquo;image comme <a href=\"https:\/\/kinsta.com\/fr\/blog\/jpg-vs-jpeg\/\">JPEG ou JPG<\/a> et PNG.<\/p>\n<p><strong>Note :<\/strong> v\u00e9rifiez comment les <a href=\"https:\/\/kinsta.com\/fr\/blog\/types-fichier-image\/\">diff\u00e9rents types de fichiers d&rsquo;image<\/a> peuvent avoir un impact sur la vitesse de votre site.<\/p>\n<p>WebP s&rsquo;efforce de fournir le m\u00eame fichier image, mais avec une taille de fichier plus petite. En r\u00e9duisant la taille de vos fichiers image, vous pouvez toujours offrir la m\u00eame exp\u00e9rience aux visiteurs de votre site web, mais <a href=\"https:\/\/kinsta.com\/fr\/apprendre\/vitesse-de-site\/\">votre site se chargera plus rapidement<\/a>.<\/p>\n<p>Par exemple, dans son <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_study\">\u00e9tude sur la compression WebP, Google a<\/a> constat\u00e9 qu&rsquo;un fichier image WebP est en moyenne:<\/p>\n<ul>\n<li>25-34% plus petit qu&rsquo;une image JPEG comparable.<\/li>\n<li>26% plus petit qu&rsquo;une image PNG comparable.<\/li>\n<\/ul>\n<p>C&rsquo;est pourquoi, si vous <a href=\"https:\/\/kinsta.com\/fr\/blog\/google-pagespeed-insights\/\">utilisez PageSpeed Insights pour votre site<\/a>, l&rsquo;une des nombreuses recommandations est de <strong>servir les images dans des formats de nouvelle g\u00e9n\u00e9ration comme WebP<\/strong> :<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/05\/google-pagespeed-insights-suggere-utiliser-images-webp-1024x621.png\" alt=\"Google PageSpeed Insights sugg\u00e8re d'utiliser des images WebP\" width=\"1024\" height=\"621\"><figcaption class=\"wp-caption-text\">Google PageSpeed Insights sugg\u00e8re d&rsquo;utiliser des images WebP<\/figcaption><\/figure>\n<p>Comment le format WebP de Google permet-il de r\u00e9duire la taille des fichiers ?<\/p>\n<p>Le WebP prend en charge la <a href=\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-ou-sans-perte\/\">compression avec et sans perte<\/a>, la r\u00e9duction exacte d\u00e9pendra donc de l&rsquo;utilisation de la compression avec ou sans perte.<\/p>\n<p>Avec la compression avec perte (lossy), le WebP utilise ce qu&rsquo;on appelle un \u00ab codage pr\u00e9dictif \u00bb pour r\u00e9duire la taille du fichier. Le codage pr\u00e9dictif utilise les valeurs des pixels voisins d&rsquo;une image pour pr\u00e9dire les valeurs et ne codifie que la diff\u00e9rence. Il est bas\u00e9 sur le codage d&rsquo;images cl\u00e9s VP8.<\/p>\n<p>La compression WebP sans perte (lossless) utilise un ensemble de m\u00e9thodes beaucoup plus compliqu\u00e9es qui ont \u00e9t\u00e9 d\u00e9velopp\u00e9es par l&rsquo;\u00e9quipe WebP.<\/p>\n<p>Si vous souhaitez en savoir plus sur les techniques de compression WebP en d\u00e9tail, <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/compression\">cet article est un bon point de d\u00e9part<\/a>.<\/p>\n<h2>Quels sont les navigateurs web qui prennent en charge WebP ?<\/h2>\n<p>Pour que les images WebP fonctionnent, le navigateur web d&rsquo;un visiteur doit les prendre en charge. Malheureusement, si la prise en charge des navigateurs a beaucoup progress\u00e9, la <strong>compatibilit\u00e9 WebP n&rsquo;est toujours pas universelle<\/strong>.<\/p>\n<p>Les images WebP sont prises en charge par les navigateurs les plus courants tels que<\/p>\n<ul>\n<li>Chrome (ordinateur<em> et mobile<\/em>)<\/li>\n<li>Firefox (ordinateur<em> et mobile<\/em>)<\/li>\n<li>Microsoft Edge<\/li>\n<li>iOS et macOS Safari (<em>macOS 11 Big Sur et versions ult\u00e9rieures uniquement<\/em>)<\/li>\n<li>Op\u00e9ra (ordinateur <em>et mobile<\/em>)<\/li>\n<\/ul>\n<p>Au moment o\u00f9 nous r\u00e9digeons cet article, Safari ne supporte que partiellement les images WebP.<\/p>\n<p>Internet Explorer ne dispose pas non plus du support WebP (mais Edge le prend en charge car il est bas\u00e9 sur Chromium). Cependant, l&rsquo;utilisation d&rsquo;IE s&rsquo;est r\u00e9duite \u00e0 moins de 1 % du total des utilisateurs d&rsquo;Internet. C&rsquo;est une aubaine pour tout le monde sur le web !<\/p>\n<p>Au total, <a href=\"https:\/\/caniuse.com\/#feat=webp\">environ 95 % des utilisateurs d&rsquo;Internet<\/a> utilisent un navigateur qui prend en charge WebP. Donc, bien qu&rsquo;il b\u00e9n\u00e9ficie certainement du support de la majorit\u00e9, ces 5 % sont un obstacle mineur, surtout quand il s&rsquo;agit d&rsquo;utilisateurs de Safari sur d&rsquo;anciennes versions de macOS. Dans notre tutoriel WordPress WebP ci-dessous, nous vous montrerons comment g\u00e9rer cette situation pour que tous vos visiteurs aient une bonne exp\u00e9rience.<\/p>\n<figure id=\"attachment_99587\" aria-describedby=\"caption-attachment-99587\" style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99587 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/WebP-Browsers-Support-CanIUse.jpg\" alt=\"Support de WebP sur les principaux navigateurs.\" width=\"1100\" height=\"584\"><figcaption id=\"caption-attachment-99587\" class=\"wp-caption-text\">Support de WebP sur les principaux navigateurs.<\/figcaption><\/figure>\n<h2>Comparaison des tailles WebP, JPG et PNG<\/h2>\n<p>Selon les tests de Google, les images WebP sont :<\/p>\n<ul>\n<li>25-34\u00a0% plus l\u00e9g\u00e8res que les images JPEG comparables.<\/li>\n<li>26 % plus petit que les images PNG similaires<\/li>\n<\/ul>\n<p>Si vous souhaitez en savoir plus sur la m\u00e9thodologie de Google, vous pouvez trouver des liens directs vers les r\u00e9sultats complets ci-dessous :<\/p>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_study\">JPEG<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_lossless_alpha_study#results\">PNG<\/a><\/li>\n<\/ul>\n<p>Les deux tests sont bas\u00e9s sur plus de 11 000 images dont :<\/p>\n<ul>\n<li>La c\u00e9l\u00e8bre <a href=\"https:\/\/en.wikipedia.org\/wiki\/Lenna\">image de Lenna<\/a><\/li>\n<li>24 images de la <a href=\"http:\/\/r0k.us\/graphics\/kodak\/\">suite d&rsquo;images en couleurs Kodak<\/a><\/li>\n<li>100 images de Tecnick.com<\/li>\n<li>Un \u00e9chantillon al\u00e9atoire de plus de 11 000 images provenant de la recherche d\u2019images de Google<\/li>\n<\/ul>\n<h2>Comment utiliser les images WebP sur WordPress<\/h2>\n<p>\u00c0 partir de <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-8\/\">WordPress 5.8<\/a>, vous pourrez utiliser le format d&rsquo;image WebP de la m\u00eame mani\u00e8re que les formats JPEG, PNG et GIF. <a href=\"https:\/\/kinsta.com\/fr\/blog\/bibliotheque-medias-wordpress\/\">T\u00e9l\u00e9versez simplement vos images dans votre biblioth\u00e8que de m\u00e9dias<\/a> et incluez-les dans votre contenu. Comme WordPress 5.8+ supporte le format WebP par d\u00e9faut, vous n&rsquo;avez pas besoin d&rsquo;installer des extensions tierces pour t\u00e9l\u00e9verser des images WebP. Cela devrait suffire pour la plupart des cas d&rsquo;utilisation courants.<\/p>\n<p>Pour commencer imm\u00e9diatement, vous pouvez vous r\u00e9f\u00e9rer \u00e0 notre guide d&rsquo;introduction rapide sur <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-8\/#how-to-use-webp-images-in-wordpress\">l&rsquo;utilisation des images WebP dans WordPress 5.8+<\/a>. Nous vous sugg\u00e9rons de lire les <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-8\/#caveats-about-webp-in-wordpress-58\">mises en garde concernant le support de WebP dans WordPress<\/a>.<\/p>\n<p>Cependant, environ 5 % des personnes (principalement les utilisateurs de Safari sur les anciens macOS) utilisent un navigateur web qui ne supporte pas WebP. Si vous convertissez des images WebP et les utilisez directement dans votre contenu, ces visiteurs ne pourront pas voir vos images, ce qui ruinera leur exp\u00e9rience de navigation.<\/p>\n<p>De plus, la g\u00e9n\u00e9ration d&rsquo;images WebP n&rsquo;est pas aussi simple que celle d&rsquo;une image JPG\/JPEG, qui est le format de fichier image par d\u00e9faut sur la plupart des appareils photo, des smartphones et des <a href=\"https:\/\/kinsta.com\/fr\/blog\/images-gratuites-pour-wordpress\/\">biblioth\u00e8ques d&rsquo;images en ligne<\/a>. WordPress ne supporte pas (encore !) la conversion automatique des images au format WebP.<\/p>\n<p>Ne vous inqui\u00e9tez pas ! Il existe une solution.<\/p>\n<p>Vous pouvez utiliser une extension WordPress qui convertit vos images originales au format WebP <strong>et fournit \u00e9galement<\/strong> l&rsquo;image originale comme solution de repli si le navigateur d&rsquo;un visiteur ne prend pas en charge WebP.<\/p>\n<p>Par exemple, si vous t\u00e9l\u00e9versez un fichier JPEG sur votre site, l\u2019extension :<\/p>\n<ul>\n<li>Convertissez le fichier JPEG en WebP et servez la version WebP pour Chrome, Firefox, Edge, etc.<\/li>\n<li>Affichez le fichier JPEG original aux visiteurs naviguant avec Safari (sur les anciennes versions de macOS) et d&rsquo;autres navigateurs qui ne supportent pas WebP.<\/li>\n<\/ul>\n<p>Ainsi, tout le monde peut voir votre image et tout le monde en profite le plus rapidement possible.<\/p>\n<p>Ci-dessous, nous allons passer en revue quelques-uns des <strong>meilleures extensions WordPress pour WebP<\/strong>, qui fonctionnent toutes avec Kinsta et <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/cdn-wordpress\/kinsta-cdn\/#kinstas-cdn\">le CDN de Kinsta<\/a>.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Si vous \u00eates h\u00e9berg\u00e9 chez Kinsta, vous devrez contacter <a href=\"https:\/\/kinsta.com\/fr\/support-kinsta\/\">notre support<\/a> afin que nous puissions cr\u00e9er une r\u00e8gle Nginx pour les caches WebP pour certaines de ces extensions.<\/p>\n<\/aside>\n\n<h3>La fonctionnalit\u00e9 d&rsquo;optimisation des images de Kinsta<\/h3>\n<figure id=\"attachment_189787\" aria-describedby=\"caption-attachment-189787\" style=\"width: 1434px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-189787 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/wordpress-CDN-image-optimization-3.png\" alt=\"La fonctionnalit\u00e9 d'optimisation des images de Kinsta.\" width=\"1434\" height=\"615\"><figcaption id=\"caption-attachment-189787\" class=\"wp-caption-text\">La fonctionnalit\u00e9 d&rsquo;optimisation des images de Kinsta.<\/figcaption><\/figure>\n<p>Cette premi\u00e8re n&rsquo;est pas exactement une extension, mais plut\u00f4t une fonctionnalit\u00e9 int\u00e9gr\u00e9e : L&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/cdn-wordpress\/kinsta-cdn\/#image-optimization-1\">optimisation des images<\/a> de Kinsta.<\/p>\n<p>Cette fonctionnalit\u00e9 &#8211; accessible via le tableau de bord personnalis\u00e9 de Kinsta, <a href=\"https:\/\/kinsta.com\/fr\/mykinsta\/\">MyKinsta<\/a> &#8211; cr\u00e9e automatiquement des copies WebP optimis\u00e9es des images originales de votre site, puis sert le plus petit des deux fichiers image \u00e0 vos visiteurs.<\/p>\n<p>En s&rsquo;assurant toujours que le plus petit fichier possible est r\u00e9cup\u00e9r\u00e9, l&rsquo;optimisation d&rsquo;image augmente imm\u00e9diatement les temps de chargement, ce qui peut am\u00e9liorer consid\u00e9rablement vos <a href=\"https:\/\/kinsta.com\/fr\/blog\/seo-wordpress\/\">r\u00e9sultats de SEO<\/a> et l&rsquo;exp\u00e9rience de vos utilisateurs. La fonctionnalit\u00e9 tire directement parti du <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/cdn-wordpress\/kinsta-cdn\/#kinstas-cdn\">CDN ultrarapide de Kinsta<\/a> pour livrer les fichiers encore plus rapidement.<\/p>\n<p>Les propri\u00e9taires de sites peuvent choisir entre une <a href=\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-ou-sans-perte\/\">compression avec ou sans perte<\/a> pour leurs images WebP, en fonction de leurs besoins. L&rsquo;optimisation peut \u00e9galement \u00eatre activ\u00e9e ou d\u00e9sactiv\u00e9e \u00e0 volont\u00e9 si vous avez besoin de faire des tests.<\/p>\n<p>La fonctionnalit\u00e9 d&rsquo;optimisation des images est enti\u00e8rement gratuite pour tous les clients de Kinsta. Voici comment l&rsquo;activer :<\/p>\n<ol>\n<li>T\u00e9l\u00e9versez vos images dans votre m\u00e9diath\u00e8que WordPress h\u00e9berg\u00e9e par Kinsta.<\/li>\n<li>Connectez-vous \u00e0 votre tableau de bord MyKinsta.<\/li>\n<li>Naviguez vers <strong>WordPress Sites<\/strong> &gt; <em><strong>Nom du site<\/strong><\/em> &gt; <strong>CDN<\/strong>.<\/li>\n<li>Cliquez sur le bouton <strong>R\u00e9glages<\/strong> sous la section <strong>Optimisation des images<\/strong>.<\/li>\n<li>Choisissez entre la compression sans perte et la compression avec perte, puis cliquez sur <strong>Enregistrer les r\u00e9glages<\/strong>.<\/li>\n<\/ol>\n<figure id=\"attachment_141891\" aria-describedby=\"caption-attachment-141891\" style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-141891 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/12\/MyKinsta-image-optimization-options-lossless.png\" alt=\"Choisissez entre la compression avec ou sans perte, puis cliquez sur le bouton \u00ab Enregistrer les r\u00e9glages \u00bb.\" width=\"1600\" height=\"761\"><figcaption id=\"caption-attachment-141891\" class=\"wp-caption-text\">Choisissez entre la compression avec ou sans perte.<\/figcaption><\/figure>\n<p>Si vous n&rsquo;\u00eates pas encore sur la plateforme Kinsta, vous pouvez <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/cdn-wordpress\/kinsta-cdn\/#image-optimization-1#enabling-image-optimization\">effectuer un essai gratuit de cette fonctionnalit\u00e9<\/a> en <a href=\"https:\/\/kinsta.com\/fr\/contacter-le-service-commercial\/\">planifiant une d\u00e9monstration<\/a>.<\/p>\n<h3>Compression sans perte ou avec perte<\/h3>\n<p>Vous pouvez choisir entre la <a href=\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-ou-sans-perte\/\">compression sans perte et la compression avec perte<\/a> pour vos fichiers. Bien que les deux m\u00e9thodes compriment vos fichiers d&rsquo;images et retirent leurs m\u00e9tadonn\u00e9es, il y a une grande diff\u00e9rence entre elles :<\/p>\n<ul>\n<li><strong>L&rsquo;optimisation des images sans perte :<\/strong> La compression d&rsquo;image sans perte n&rsquo;a aucun impact sur la qualit\u00e9 de vos images. Vous devriez choisir cette option si la qualit\u00e9 de l&rsquo;image est plus importante pour vous que la vitesse.<\/li>\n<li><strong>Optimisation d&rsquo;image avec perte :<\/strong> La <a href=\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/\">compression d&rsquo;image avec perte<\/a> peut r\u00e9duire la qualit\u00e9 de vos images. Choisissez cette option pour maximiser et privil\u00e9gier la vitesse \u00e0 la qualit\u00e9 de l&rsquo;image.<\/li>\n<\/ul>\n<p>Ensuite, nous examinerons certaines extensions WordPress installables pour l&rsquo;optimisation.<\/p>\n<h3>ShortPixel<\/h3>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/extension-shortpixel.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/extension-shortpixel.jpg\" alt=\"Extension WordPress ShortPixel\" width=\"1500\" height=\"500\"><\/a><figcaption class=\"wp-caption-text\">Extension WordPress ShortPixel<\/figcaption><\/figure>\n<p>ShortPixel est l&rsquo;une des extensions WordPress d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/\">optimisation d&rsquo;images<\/a> les plus populaires. Elle vous permet de redimensionner et de compresser automatiquement les images que vous t\u00e9l\u00e9versez sur votre site WordPress.<\/p>\n<p>Dans le cadre de sa liste de fonctionnalit\u00e9s, ShortPixel peut \u00e9galement vous aider \u00e0 convertir automatiquement des images en WebP et \u00e0 les transmettre aux navigateurs qui prennent en charge WebP.<\/p>\n<p>ShortPixel compte comme un cr\u00e9dit chaque taille d&rsquo;image WordPress que vous optimisez. Ainsi, si vous souhaitez optimiser plusieurs tailles de miniatures d&rsquo;images, une image pourrait en principe utiliser plusieurs cr\u00e9dits. Il n&rsquo;y a pas de limite de taille de fichier pour les images.<\/p>\n<p>Vous pouvez r\u00e9partir vos cr\u00e9dits ShortPixel sur un nombre illimit\u00e9 de sites web &#8211; il n&rsquo;y a pas de limite par site (<em>et tous vos sites web peuvent utiliser le m\u00eame compte ShortPixel<\/em>).<\/p>\n<p>Pour utiliser ShortPixel afin de diffuser des images WebP sur WordPress, vous devez installer l&rsquo;<a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\">extension ShortPixel depuis WordPress.org<\/a> et ajouter votre cl\u00e9 API (<em>que vous pouvez obtenir en cr\u00e9ant un <a href=\"https:\/\/shortpixel.com\/free-sign-up\">compte ShortPixel gratuit<\/a><\/em>).<\/p>\n<p>Dans l&rsquo;onglet <strong>G\u00e9n\u00e9ral<\/strong>, vous pouvez d\u00e9finir les r\u00e9glages de base du fonctionnement de l&rsquo;optimisation des images. Par exemple, le niveau de compression \u00e0 utiliser et le redimensionnement ou non des images :<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/05\/definir-niveau-compression-dimensions-image-shortpixel-1024x771.png\" alt=\"Comment d\u00e9finir le niveau de compression et les dimensions de l'image dans ShortPixel\" width=\"1024\" height=\"771\"><figcaption class=\"wp-caption-text\">Comment d\u00e9finir le niveau de compression et les dimensions de l&rsquo;image dans ShortPixel<\/figcaption><\/figure>\n<p>Pour activer les images WebP, allez dans l&rsquo;onglet <strong>Avanc\u00e9<\/strong> et :<\/p>\n<ol>\n<li>Cochez la case pour les <strong>images WebP<\/strong><\/li>\n<li>Cochez la case pour <strong>livrer les versions WebP&#8230; <\/strong>(ceci appara\u00eet apr\u00e8s avoir coch\u00e9 la premi\u00e8re case)<\/li>\n<li>S\u00e9lectionnez la case d&rsquo;option <strong>Utiliser la syntaxe de la balise &lt;PICTURE&gt;<\/strong> (elle appara\u00eet apr\u00e8s avoir coch\u00e9 la case pr\u00e9c\u00e9dente)<\/li>\n<li>Laisser la s\u00e9lection par d\u00e9faut <strong>Uniquement via les crochets (hooks) WordPress<\/strong><\/li>\n<\/ol>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/05\/comment-activer-images-webp-shortpixel-1024x809.png\" alt=\"Comment activer les images WordPress WebP dans ShortPixel\" width=\"1024\" height=\"809\"><figcaption class=\"wp-caption-text\">Comment activer les images WordPress WebP dans ShortPixel<\/figcaption><\/figure>\n<p>Ensuite, enregistrez vos modifications.<\/p>\n<p>Si vous \u00eates h\u00e9berg\u00e9 chez Kinsta, ShortPixel vous donnera un message d&rsquo;avertissement sur la configuration des fichiers de configuration du serveur sur Nginx. Pour configurer ces param\u00e8tres, vous pouvez contacter le <a href=\"https:\/\/kinsta.com\/fr\/support-kinsta\/\">support de Kinsta<\/a> et nous serons heureux de mettre en place la configuration du serveur pour vous.<\/p>\n<h3>Imagify<\/h3>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/extension-imagify.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/extension-imagify.jpg\" alt=\"Extension WordPress Imagify\" width=\"1500\" height=\"500\"><\/a><figcaption class=\"wp-caption-text\">Extension WordPress Imagify<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/#imagify\">Imagify<\/a> est une extension d&rsquo;optimisation d&rsquo;images tr\u00e8s populaire, du m\u00eame d\u00e9veloppeur que <a href=\"https:\/\/wp-rocket.me\/\">WP Rocket<\/a>.<\/p>\n<p>Elle peut automatiquement compresser et redimensionner les images que vous t\u00e9l\u00e9versez sur votre site WordPress. Ensuite, elle peut \u00e9galement vous aider \u00e0 les convertir en WebP et \u00e0 en proposer des versions WebP aux visiteurs dont les navigateurs le prennent en charge.<\/p>\n<p>En termes de fonctionnalit\u00e9s, ShortPixel et Imagify partagent de nombreuses similitudes. La plus grande diff\u00e9rence se situe au niveau des prix. Alors que ShortPixel vous facture en fonction des images sans limite de taille par image, Imagify vous facture en fonction de la taille globale du fichier, sans limite d&rsquo;image.<\/p>\n<p>Ainsi, si vous devez optimiser de nombreuses images de grande taille, l&rsquo;approche de ShortPixel pourrait \u00eatre moins co\u00fbteuse. Mais si vous devez optimiser un grand nombre de petites images, l&rsquo;approche d&rsquo;Imagify pourrait \u00eatre moins co\u00fbteuse.<\/p>\n<p>Imagify dispose d&rsquo;un niveau gratuit limit\u00e9 qui permet d&rsquo;obtenir 25 Mo d&rsquo;optimisations par mois. Apr\u00e8s cela, les plans payants commencent \u00e0 4,99 $ par mois pour un maximum de 1 Go ou 9,99 $ pour un cr\u00e9dit unique de 1 Go.<\/p>\n<p>Comme pour ShortPixel, vous pouvez r\u00e9partir les limites de votre compte sur un nombre illimit\u00e9 de sites web.<\/p>\n<p>Pour utiliser Imagify afin de fournir des images WebP WordPress, vous devez installer <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">l\u2019extension depuis WordPress.org<\/a> et ajouter votre cl\u00e9 API pour commencer.<\/p>\n<p>Une fois que vous avez activ\u00e9 l\u2019extension, vous pouvez utiliser les <strong>r\u00e9glages g\u00e9n\u00e9raux<\/strong> pour choisir votre niveau de compression.<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/05\/definir-niveau-compression-imagify-1024x639.png\" alt=\"Comment d\u00e9finir le niveau de compression dans Imagify\" width=\"1024\" height=\"639\"><figcaption class=\"wp-caption-text\">Comment d\u00e9finir le niveau de compression dans Imagify<\/figcaption><\/figure>\n<p>Pour activer les images WebP, faites d\u00e9filer la page vers le bas jusqu&rsquo;\u00e0 la section <strong>Optimisation<\/strong> et trouvez la section <strong>Format WebP<\/strong> :<\/p>\n<ol>\n<li>Cochez la case pour <strong>cr\u00e9er des versions webp des images<\/strong><\/li>\n<li>Cochez la case pour <strong>afficher les images au format webp&#8230;<\/strong><\/li>\n<li>S\u00e9lectionnez le bouton radio pour <strong>utiliser les balises &lt;picture&gt;<\/strong><\/li>\n<\/ol>\n<figure id=\"attachment_72783\" aria-describedby=\"caption-attachment-72783\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72783 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/webp-images-imagify-webp-1024x369.png\" alt=\"Comment activer les images WordPress WebP dans Imagify\" width=\"1024\" height=\"369\"><figcaption id=\"caption-attachment-72783\" class=\"wp-caption-text\">Comment activer les images WordPress WebP dans Imagify<\/figcaption><\/figure>\n<p>Comme pour ShortPixel, si vous \u00eates h\u00e9berg\u00e9 chez Kinsta, vous devez cr\u00e9er une r\u00e8gle <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-nginx\/\">Nginx<\/a> pour les caches WebP (contactez le support Kinsta).<\/p>\n<h3>Optimole<\/h3>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/extension-optimole.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/extension-optimole.jpg\" alt=\"Extension WordPress Optimole\" width=\"1500\" height=\"500\"><\/a><figcaption class=\"wp-caption-text\">Extension WordPress Optimole<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/#optimole\">Optimole<\/a> est une extension WordPress d&rsquo;optimisation d&rsquo;images qui fonctionne un peu diff\u00e9remment d\u2019Imagify et ShortPixel. Optimole peut automatiquement compresser et redimensionner vos images. Cependant, elle poss\u00e8de \u00e9galement deux autres caract\u00e9ristiques notables :<\/p>\n<ol>\n<li>Elle peut servir vos images via son propre CDN (aliment\u00e9 par Amazon CloudFront).<\/li>\n<li>Elle offre des images adaptatives en temps r\u00e9el, gr\u00e2ce auxquelles Optimole fournit l&rsquo;image de taille optimale pour chaque visiteur. Par exemple, une personne naviguant sur un petit \u00e9cran obtiendra une image de plus faible r\u00e9solution qu&rsquo;une personne naviguant sur un \u00e9cran Retina.<\/li>\n<\/ol>\n<p>Cette approche est similaire \u00e0 d&rsquo;autres services d&rsquo;optimisation\/manipulation en temps r\u00e9el comme Cloudinary, imgix, KeyCDN Image Processing, etc.<\/p>\n<p>Dans le cadre de cette optimisation d&rsquo;image en temps r\u00e9el, Optimole peut \u00e9galement pr\u00e9senter des images WebP aux visiteurs avec des navigateurs qui le supportent.<\/p>\n<p>Optimole a un plan gratuit limit\u00e9 qui peut g\u00e9rer la diffusion d&rsquo;images \u00e0 environ 5 000 visiteurs par mois. Ensuite, les plans payants commencent \u00e0 19 $ par mois pour environ 25 000 visiteurs.<\/p>\n<p>Pour commencer, vous devez installer <a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\">l\u2019extension depuis WordPress.org<\/a> et l&rsquo;activer avec une cl\u00e9 API (<em>que vous pouvez obtenir en vous inscrivant pour un compte Optimole gratuit<\/em>).<\/p>\n<p>Une fois que vous aurez fait cela, Optimole commencera \u00e0 optimiser automatiquement vos images et \u00e0 les diffuser via son <a href=\"https:\/\/kinsta.com\/fr\/blog\/cdn-wordpress\/\">CDN<\/a>. Le support WebP est activ\u00e9 par d\u00e9faut, il n&rsquo;est donc pas n\u00e9cessaire de l&rsquo;activer manuellement.<\/p>\n<p>Pour configurer d&rsquo;autres r\u00e9glages, comme les niveaux de compression et le comportement de mise \u00e0 l&rsquo;\u00e9chelle, vous pouvez aller sur <strong>Media <\/strong><strong>\u2192<\/strong><strong> Optimole <\/strong><strong>\u2192<\/strong><strong> R\u00e9glages<\/strong> :<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/05\/zone-reglages-optimole-1024x685.png\" alt=\"La zone des r\u00e9glages d'Optimole - Les images WordPress WebP sont activ\u00e9es par d\u00e9faut\" width=\"1024\" height=\"685\"><figcaption class=\"wp-caption-text\">La zone des r\u00e9glages d&rsquo;Optimole &#8211; Les images WordPress WebP sont activ\u00e9es par d\u00e9faut<\/figcaption><\/figure>\n<p>Comme Optimole se charge de livrer vos images via son propre CDN, il n&rsquo;est pas n\u00e9cessaire de d\u00e9finir des r\u00e8gles Nginx si vous \u00eates h\u00e9berg\u00e9 chez Kinsta.<\/p>\n\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Les images de votre site WordPress repr\u00e9sentent une grande partie de la taille du fichier d&rsquo;une page moyenne.\u00a0Si vous pouvez trouver des moyens de r\u00e9duire la taille de vos images, vous pouvez <a href=\"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/\">acc\u00e9l\u00e9rer votre site<\/a> sans nuire \u00e0 l&rsquo;exp\u00e9rience utilisateur. WebP est un format d&rsquo;image moderne qui fait exactement cela en offrant une r\u00e9duction d&rsquo;environ 25 % de la taille du fichier par rapport aux fichiers JPEG ou PNG comparatifs.<\/p>\n<p>Environ 95 % des utilisateurs d&rsquo;Internet utilisent d\u00e9j\u00e0 un navigateur qui supporte WebP. Les versions 5.8+ de WordPress supportent \u00e9galement WebP d\u00e8s le d\u00e9part. Il n&rsquo;y a donc aucune raison de ne pas l&rsquo;utiliser.<\/p>\n<p>Toutefois, une minorit\u00e9 de navigateurs, notamment Safari sur les anciennes versions de macOS, n&rsquo;offrent toujours pas de support WebP. Par cons\u00e9quent, vous ne pouvez pas encore servir des images WebP \u00e0 tous les visiteurs. Pour r\u00e9soudre ce probl\u00e8me, vous pouvez utiliser une extension WordPress qui convertit les images en WebP et sert les versions WebP aux visiteurs dont les navigateurs le supportent tout en utilisant les images originales aux visiteurs dont les navigateurs ne le supportent pas.<\/p>\n<p>Pour plus de tactiques d&rsquo;optimisation des images, consultez <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/\">notre guide complet d&rsquo;optimisation des images pour les performances du web<\/a>.\u00a0Et n&rsquo;oubliez pas que les clients de Kinsta peuvent g\u00e9n\u00e9rer automatiquement des images WebP compress\u00e9es, sans cout d&rsquo;espace disque, en utilisant la <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/cdn-wordpress\/kinsta-cdn\/#image-optimization-1\">fonctionnalit\u00e9 gratuite et int\u00e9gr\u00e9e d&rsquo;optimisation des images<\/a> de Kinsta.<\/p>\n<p><em>Si vous avez des questions sur l&rsquo;utilisation de WebP sur WordPress, n&rsquo;h\u00e9sitez pas \u00e0 nous les poser dans les commentaires ci-dessous !<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si vous souhaitez acc\u00e9l\u00e9rer votre site WordPress, la r\u00e9duction de la taille de fichier de vos images offre un retour sur investissement significatif. En moyenne, les &#8230;<\/p>\n","protected":false},"author":117,"featured_media":39398,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[271,408],"topic":[1041,1017,975],"class_list":["post-39385","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-pagespeed","tag-webp","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>Comment utiliser les images WebP sur WordPress (r\u00e9duire la taille des fichiers d&#039;images jusqu&#039;\u00e0 35%)<\/title>\n<meta name=\"description\" content=\"Besoin de r\u00e9duire la taille des fichiers d&#039;images ? D\u00e9couvrez le format d&#039;image WebP et comment vous pouvez commencer \u00e0 utiliser les images WebP sur votre site WordPress avec des plugins.\" \/>\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\/webp\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment utiliser les images WebP sur WordPress (et r\u00e9duire la taille des fichiers d&#039;images jusqu&#039;\u00e0 35%)\" \/>\n<meta property=\"og:description\" content=\"Besoin de r\u00e9duire la taille des fichiers d&#039;images ? D\u00e9couvrez le format d&#039;image WebP et comment vous pouvez commencer \u00e0 utiliser les images WebP sur votre site WordPress avec des plugins.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/webp\/\" \/>\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=\"2020-06-10T07:48:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-17T14:04:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/webp.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"384\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Salman Ravoof\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Besoin de r\u00e9duire la taille des fichiers d&#039;images ? D\u00e9couvrez le format d&#039;image WebP et comment vous pouvez commencer \u00e0 utiliser les images WebP sur votre site WordPress avec des plugins.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/webp.jpg\" \/>\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=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/webp\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/webp\/\"},\"author\":{\"name\":\"Salman Ravoof\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\"},\"headline\":\"Comment utiliser les images WebP sur WordPress (et r\u00e9duire la taille des fichiers d&rsquo;images jusqu&rsquo;\u00e0 35%)\",\"datePublished\":\"2020-06-10T07:48:40+00:00\",\"dateModified\":\"2025-09-17T14:04:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/webp\/\"},\"wordCount\":3154,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/webp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/webp.jpg\",\"keywords\":[\"pagespeed\",\"webp\"],\"articleSection\":[\"Meilleurs Tutoriels WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/webp\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/webp\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/webp\/\",\"name\":\"Comment utiliser les images WebP sur WordPress (r\u00e9duire la taille des fichiers d'images jusqu'\u00e0 35%)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/webp\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/webp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/webp.jpg\",\"datePublished\":\"2020-06-10T07:48:40+00:00\",\"dateModified\":\"2025-09-17T14:04:03+00:00\",\"description\":\"Besoin de r\u00e9duire la taille des fichiers d'images ? D\u00e9couvrez le format d'image WebP et comment vous pouvez commencer \u00e0 utiliser les images WebP sur votre site WordPress avec des plugins.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/webp\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/webp\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/webp\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/webp.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/webp.jpg\",\"width\":768,\"height\":384,\"caption\":\"Comment utiliser les images WebP sur WordPress (et r\u00e9duire la taille des fichiers d'images jusqu'\u00e0 35%)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/webp\/#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\":\"Comment utiliser les images WebP sur WordPress (et r\u00e9duire la taille des fichiers d&#8217;images jusqu&#8217;\u00e0 35%)\"}]},{\"@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":"Comment utiliser les images WebP sur WordPress (r\u00e9duire la taille des fichiers d'images jusqu'\u00e0 35%)","description":"Besoin de r\u00e9duire la taille des fichiers d'images ? D\u00e9couvrez le format d'image WebP et comment vous pouvez commencer \u00e0 utiliser les images WebP sur votre site WordPress avec des plugins.","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\/webp\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment utiliser les images WebP sur WordPress (et r\u00e9duire la taille des fichiers d'images jusqu'\u00e0 35%)","og_description":"Besoin de r\u00e9duire la taille des fichiers d'images ? D\u00e9couvrez le format d'image WebP et comment vous pouvez commencer \u00e0 utiliser les images WebP sur votre site WordPress avec des plugins.","og_url":"https:\/\/kinsta.com\/fr\/blog\/webp\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2020-06-10T07:48:40+00:00","article_modified_time":"2025-09-17T14:04:03+00:00","og_image":[{"width":768,"height":384,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/webp.jpg","type":"image\/jpeg"}],"author":"Salman Ravoof","twitter_card":"summary_large_image","twitter_description":"Besoin de r\u00e9duire la taille des fichiers d'images ? D\u00e9couvrez le format d'image WebP et comment vous pouvez commencer \u00e0 utiliser les images WebP sur votre site WordPress avec des plugins.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/webp.jpg","twitter_creator":"@salmanravoof","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Salman Ravoof","Dur\u00e9e de lecture estim\u00e9e":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/webp\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/webp\/"},"author":{"name":"Salman Ravoof","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987"},"headline":"Comment utiliser les images WebP sur WordPress (et r\u00e9duire la taille des fichiers d&rsquo;images jusqu&rsquo;\u00e0 35%)","datePublished":"2020-06-10T07:48:40+00:00","dateModified":"2025-09-17T14:04:03+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/webp\/"},"wordCount":3154,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/webp\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/webp.jpg","keywords":["pagespeed","webp"],"articleSection":["Meilleurs Tutoriels WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/webp\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/webp\/","url":"https:\/\/kinsta.com\/fr\/blog\/webp\/","name":"Comment utiliser les images WebP sur WordPress (r\u00e9duire la taille des fichiers d'images jusqu'\u00e0 35%)","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/webp\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/webp\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/webp.jpg","datePublished":"2020-06-10T07:48:40+00:00","dateModified":"2025-09-17T14:04:03+00:00","description":"Besoin de r\u00e9duire la taille des fichiers d'images ? D\u00e9couvrez le format d'image WebP et comment vous pouvez commencer \u00e0 utiliser les images WebP sur votre site WordPress avec des plugins.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/webp\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/webp\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/webp\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/webp.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/06\/webp.jpg","width":768,"height":384,"caption":"Comment utiliser les images WebP sur WordPress (et r\u00e9duire la taille des fichiers d'images jusqu'\u00e0 35%)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/webp\/#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":"Comment utiliser les images WebP sur WordPress (et r\u00e9duire la taille des fichiers d&#8217;images jusqu&#8217;\u00e0 35%)"}]},{"@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\/39385","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=39385"}],"version-history":[{"count":16,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/39385\/revisions"}],"predecessor-version":[{"id":80996,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/39385\/revisions\/80996"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/39385\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/39385\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/39385\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/39385\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/39385\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/39385\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/39385\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/39385\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/39385\/translations\/dk"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/39385\/translations\/jp"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/39385\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/39398"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=39385"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=39385"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=39385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}