{"id":9755144,"date":"2026-10-12T17:18:57","date_gmt":"2026-10-12T15:18:57","guid":{"rendered":"https:\/\/wp-rocket.me\/?p=9755144"},"modified":"2026-10-12T17:18:59","modified_gmt":"2026-10-12T15:18:59","slug":"images-webp-wordpress","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/fr\/blog\/images-webp-wordpress\/","title":{"rendered":"Image WebP sur WordPress\u00a0: qu’est-ce que c’est et comment l’utiliser"},"content":{"rendered":"\n

Vous vous demandez comment utiliser le WebP sur WordPress<\/strong> et comment convertir vos images actuelles dans la m\u00e9diath\u00e8que WordPress\u00a0? Vous \u00eates au bon endroit\u00a0!<\/p>\n\n\n\n

Si vous testez votre site sur PageSpeed Insights pour mesurer ses performances web, vous verrez peut-\u00eatre la recommandation \u00ab\u202fDiffusez des images aux formats nouvelle g\u00e9n\u00e9ration<\/a>\u202f\u00bb pour les am\u00e9liorer. Google vous dit d’oublier le JPEG et le PNG et de concentrer vos efforts d’optimisation des images sur des formats d’image comme le WebP.<\/p>\n\n\n\n

\"La
La recommandation de Google\u00a0: \u00ab\u202fDiffusez des images aux formats nouvelle g\u00e9n\u00e9ration<\/a>\u202f\u00bb. Source\u00a0: PageSpeed Insights<\/a><\/figcaption><\/figure>\n\n\n\n

Ce guide explique comment r\u00e9soudre cet avertissement et vous dit tout ce que vous devez savoir sur le WebP dans WordPress. Vous y trouverez aussi une liste des meilleurs outils pour convertir presque n’importe quel format en WebP.<\/p>\n\n\n\n

Qu’est-ce que le format d’image WebP\u00a0?<\/h2>\n\n\n\n

Cr\u00e9\u00e9 par Google, le format WebP<\/strong> est un format nouvelle g\u00e9n\u00e9ration con\u00e7u pour le Web. Il offre une compression des images sup\u00e9rieure, sans perte comme avec perte, tout en pr\u00e9servant leur qualit\u00e9. Par rapport aux JPEG ou PNG traditionnels, ce format moderne vous permet de cr\u00e9er des fichiers encore plus l\u00e9gers, pour une page qui se charge plus vite.<\/p>\n\n\n\n

\"Le
Le format WebP. Source\u00a0: Photopea<\/a><\/figcaption><\/figure>\n\n\n\n

WebP vs PNG vs JPEG<\/h2>\n\n\n\n

Si vous h\u00e9sitez entre les trois formats et que les performances comptent pour vous, choisissez le WebP pour servir des images optimis\u00e9es sur WordPress. Vous allez comprendre pourquoi.<\/p>\n\n\n\n

JPEG vs WebP<\/h3>\n\n\n\n

Ces deux formats de fichier compressent les images pour les rendre plus faciles \u00e0 partager sur le Web et pr\u00e9server leur qualit\u00e9. Ils semblent assez similaires, alors pourquoi choisir le WebP\u00a0?<\/p>\n\n\n\n

Un fichier WebP est g\u00e9n\u00e9ralement beaucoup plus l\u00e9ger qu’un JPEG classique. Selon Google, une image WebP<\/strong> en compression avec perte pourrait \u00eatre de 25 \u00e0 34\u00a0% plus l\u00e9g\u00e8re qu’un fichier JPEG comparable.<\/p>\n\n\n\n

Observez la figure ci-dessous\u00a0: le WebP (en rouge) obtient une meilleure compression que le JPEG.<\/p>\n\n\n\n

\"Compression
Compression WebP vs JPEG. Source\u00a0: Google Developers<\/a><\/figcaption><\/figure>\n\n\n\n

V\u00e9rifions cette affirmation avec notre image JPEG de 3,7\u00a0MB. Apr\u00e8s la conversion en WebP, l’image a conserv\u00e9 la m\u00eame qualit\u00e9, mais la taille du fichier est tomb\u00e9e \u00e0 1,3\u00a0MB.<\/p>\n\n\n\n

\"Un
Un fichier plus l\u00e9ger avec le WebP + une qualit\u00e9 pr\u00e9serv\u00e9e. Source\u00a0: WP Rocket<\/a><\/figcaption><\/figure>\n\n\n\n

PNG vs WebP<\/h3>\n\n\n\n

Les PNG sont surtout utilis\u00e9s pour les visuels web sans arri\u00e8re-plan, comme les logos et les illustrations, plut\u00f4t que pour les photos de haute qualit\u00e9. Ils occupent g\u00e9n\u00e9ralement plus d’espace de stockage que les autres formats. Les images WebP sans perte sont en moyenne 26\u00a0% plus l\u00e9g\u00e8res que les PNG.<\/p>\n\n\n\n

Faisons un autre test rapide en convertissant une image PNG en WebP. Notre fichier d’origine pesait 432\u00a0KB et, avec une simple conversion en WebP, il est descendu \u00e0 244\u00a0KB.<\/p>\n\n\n\n

\"PNG
PNG vs WebP. Source\u00a0: WP Rocket<\/a><\/figcaption><\/figure>\n\n\n\n

JPEG vs PNG vs WebP<\/h3>\n\n\n\n

Pour r\u00e9sumer, si vous voulez am\u00e9liorer le score de performance Lighthouse de votre site WordPress<\/a>, optez pour le WebP. Voici comment les trois formats se situent les uns par rapport aux autres\u00a0:<\/p>\n\n\n\n

\"WebP
WebP vs PNG vs JPG. Source\u00a0: WP Rocket<\/a><\/figcaption><\/figure>\n\n\n\n

Quels navigateurs sont compatibles avec le WebP\u00a0?<\/h2>\n\n\n\n

En 2023, tous les principaux navigateurs prennent en charge le WebP. Ce format moderne est par exemple pris en charge nativement par Google Chrome, Safari, Firefox, Edge, le navigateur Opera et d’autres outils.<\/p>\n\n\n\n

\"Versions
Versions des navigateurs compatibles avec le WebP en 2023. Source\u00a0: CanIuse<\/a><\/figcaption><\/figure>\n\n\n\n

Afficher les images WebP avec une solution de repli pour les anciens navigateurs<\/h3>\n\n\n\n

Les images sont indispensables pour garantir une excellente exp\u00e9rience utilisateur\u00a0: elles devraient donc s’afficher pour chaque visiteur, m\u00eame pour ceux qui utilisent d’anciennes versions de navigateurs. Si vous voulez jouer la s\u00e9curit\u00e9, vous devriez activer une solution de repli vers d’autres formats traditionnels, comme le PNG ou le JPEG.<\/p>\n\n\n\n

Comment ajouter une solution de repli aux images WebP<\/h4>\n\n\n\n