Qu'est-ce que le WebP ? WebP vs PNG vs JPG et quand l'utiliser
Qu'est-ce que le WebP ? C'est un format d'image développé par Google et annoncé en 2010. Un fichier WebP (.webp) stocke une image soit avec une compression avec perte, basée sur le codec vidéo VP8, soit avec une compression sans perte, et les deux modes prennent en charge la transparence alpha et l'animation. Son objectif est simple : des fichiers plus légers que les JPG, PNG ou GIF pour une qualité visuelle similaire.
Essayez gratuitement : Image en WebP Gratuit, sans création de compte.
C'est pourquoi le WebP est devenu le format par défaut de nombreux sites web, et c'est pour cela que vous obtenez désormais des fichiers .webp lorsque vous enregistrez des images depuis le Web. Ce guide explique ce qu'est un fichier WebP, ce que donne vraiment la comparaison WebP vs PNG et WebP vs JPG, dans quels cas le WebP est un mauvais choix, et comment l'ouvrir et le convertir. Pour transformer tout de suite un PNG ou un JPG en WebP, utilisez le convertisseur d'image en WebP gratuit, qui fonctionne dans votre navigateur.
Qu'est-ce que le WebP ? Le fonctionnement du format
Un fichier WebP est un petit conteneur (basé sur RIFF, la même structure que celle des fichiers audio WAV) qui renferme l'un de ces deux types de données d'image :
- Le WebP avec perte compresse l'image comme une trame isolée d'une vidéo VP8. Il prédit chaque bloc de pixels à partir de ses voisins et ne stocke que la différence : c'est de là que vient le gain par rapport au JPG. Il fonctionne en Y'CbCr 4:2:0 sur 8 bits, si bien que les détails de couleur sont stockés à demi-résolution, comme dans la plupart des JPG.
- Le WebP sans perte est un codec distinct qui reproduit chaque pixel à l'identique, comme le PNG, mais avec de meilleurs outils de compression.
Les deux modes peuvent inclure un canal alpha pour la transparence, et un fichier WebP peut contenir plusieurs images avec leur minutage, ce qui en fait un WebP animé, un remplaçant plus léger des GIF animés. Une image WebP peut mesurer jusqu'à 16 383 × 16 383 pixels.
Le WebP est aussi documenté en dehors de Google : la RFC 9649, publiée par l'IETF en novembre 2024, décrit le format et enregistre le type de média image/webp que les serveurs envoient dans l'en-tête Content-Type.
De combien les fichiers WebP sont-ils plus légers ?
La documentation WebP de Google donne ces chiffres, issus de ses propres tests :
- Les images WebP sans perte sont 26 % plus légères que les PNG.
- Les images WebP avec perte sont 25 à 34 % plus légères que des images JPEG comparables à SSIM équivalent, une mesure de la ressemblance visuelle entre une image et l'original.
- La transparence sans perte coûte environ 22 % d'octets supplémentaires, tandis que le WebP avec perte et transparence donne généralement des fichiers 3× plus légers que le PNG.
Ce sont des moyennes, pas des garanties. Appliquées à des cas concrets, une capture d'écran PNG de 200 Ko ferait environ 148 Ko en WebP sans perte (200 × 0,74), et une photo JPEG de 500 Ko tomberait entre environ 330 Ko et 375 Ko en WebP avec perte. Pour une page de dix photos de 300 Ko (3 000 Ko au total), la même fourchette donne 1 980 à 2 250 Ko, soit une économie de 750 à 1 020 Ko à chaque visite sans cache.
Certains fichiers font mieux, d'autres moins bien. Un JPEG déjà fortement compressé peut même grossir une fois réencodé : comparez donc toujours la taille de sortie à celle de l'original.
WebP vs PNG vs JPG vs AVIF
| JPG | PNG | WebP | AVIF | |
|---|---|---|---|---|
| Compression | Avec perte | Sans perte | Avec et sans perte | Avec et sans perte |
| Transparence | Non | Oui | Oui | Oui |
| Animation | Non | Seulement en APNG | Oui | Oui |
| Profondeur de couleur | 8 bits | Jusqu'à 16 bits | 8 bits | 8, 10 ou 12 bits |
| Prise en charge navigateurs | Universelle | Universelle | Tous les navigateurs actuels (Safari 14+) | Chrome 85+, Firefox 93+, Safari 16.4+, Edge 121+ |
| Idéal pour | Photos qui doivent s'ouvrir partout, impression, e-mail | Captures d'écran, logos, fichiers maîtres à retoucher | Photos et graphiques web, transparents ou animés | Images web, avec repli en WebP ou JPG |
WebP vs PNG
Le WebP est-il meilleur que le PNG ? Pour un site web, généralement oui. Le WebP sans perte conserve chaque pixel d'un PNG et, selon Google, pèse en moyenne 26 % de moins, tandis que le WebP avec perte et canal alpha peut réduire bien davantage les photos de produits sur fond transparent. Le PNG garde l'avantage sur trois points : il s'ouvre dans tous les logiciels existants, il prend en charge la couleur 16 bits pour les retouches de haute précision, et il reste le format le plus sûr pour un fichier maître que vous retoucherez. Pour les captures d'écran contenant du petit texte coloré, utilisez le WebP sans perte plutôt qu'avec perte, car le sous-échantillonnage de la chrominance 4:2:0 peut rendre flous les traits fins rouges ou bleus.
WebP vs JPG
Pour les photos sur le Web, le WebP avec perte offre une qualité similaire pour un poids moindre et, contrairement au JPG, il peut être transparent ou animé. L'atout du JPG, c'est la compatibilité : tous les appareils photo, imprimantes, clients de messagerie et logiciels de bureautique le lisent. Si un fichier doit sortir du navigateur, le JPG est le choix le plus sûr.
L'AVIF, basé sur le codec vidéo AV1, est le rival plus récent. Il prend en charge des profondeurs de couleur plus élevées et compresse souvent davantage, mais l'encodage est plus lent et sa prise en charge est arrivée plus tard. Une configuration courante : l'AVIF d'abord, le WebP ensuite, le JPG en dernier.
Prise en charge du WebP par les navigateurs
Tous les grands navigateurs actuels affichent le WebP, y compris les fichiers sans perte, transparents et animés :
- Chrome à partir de la version 32, Edge à partir de la 18, Firefox à partir de la 65, Opera à partir de la 19.
- Safari à partir de la version 14 sur macOS 11 Big Sur ou plus récent, et Safari sur iOS/iPadOS à partir de la version 14.
Seuls les anciens systèmes sont laissés de côté, comme Internet Explorer ou un Mac bloqué sous macOS 10.15 Catalina. La recherche Google indexe aussi les images WebP : ses consignes relatives aux images citent BMP, GIF, JPEG, PNG, WebP, SVG et AVIF parmi les formats pris en charge.
Quand ne pas utiliser le WebP
Le WebP est un format de diffusion destiné aux écrans. Évitez-le dans ces cas :
- Impression. Le WebP est uniquement en RVB, sans mode CMJN, et les services d'impression demandent généralement du PDF, du TIFF ou du JPG haute qualité.
- Fichiers maîtres à retoucher. Chaque enregistrement avec perte fait disparaître un peu de détail. Conservez l'original en PNG, TIFF, RAW ou le fichier de projet de votre logiciel de retouche, et n'exportez en WebP que pour la publication.
- Fichiers envoyés à d'autres personnes. Les anciennes versions des logiciels de retouche, des suites bureautiques, des clients de messagerie et des formulaires d'envoi peuvent refuser le
.webp. Envoyez du JPG ou du PNG si vous ne connaissez pas le logiciel du destinataire. - Images dépassant 16 383 pixels sur l'un des côtés, comme les grands panoramas ou les cartes.
- JPG fortement compressés. Le réencodage ajoute une deuxième génération d'artefacts et peut ne rien faire gagner.
Utiliser le WebP sur un site web avec une solution de repli
Comme tous les navigateurs actuels prennent en charge le WebP, un simple <img src="photo.webp"> fonctionne pour presque tout le monde. Pour couvrir aussi les anciens navigateurs, utilisez l'élément <picture> : le navigateur choisit la première <source> dont il prend en charge le type et, à défaut, se rabat sur l'<img>.
<picture>
<source srcset="/images/hero.avif" type="image/avif">
<source srcset="/images/hero.webp" type="image/webp">
<img src="/images/hero.jpg" alt="Fauteuil bleu dans un salon lumineux"
width="1200" height="800">
</picture>
Gardez alt, width et height sur l'<img>, car ils s'appliquent quel que soit le fichier chargé. Vérifiez aussi que votre serveur envoie Content-Type: image/webp ; sur une ancienne configuration Apache, il faudra peut-être ajouter AddType image/webp .webp dans le fichier .htaccess.
Pour le SEO, le WebP compte surtout par la vitesse. L'élément mesuré par la métrique Largest Contentful Paint (LCP) des Core Web Vitals est souvent une image principale (hero), et un fichier plus léger se télécharge plus vite, surtout sur les connexions mobiles. Notre article expliquant pourquoi la vitesse de chargement des images compte pour les Core Web Vitals détaille la mesure du LCP et la place de la compression et du chargement différé (lazy loading). Le format seul ne sauvera pas une image quatre fois plus large que l'espace qu'elle occupe.
Comment ouvrir des fichiers WebP sous Windows et macOS
La façon d'ouvrir des fichiers WebP dépend de votre système :
- N'importe quel navigateur : faites glisser le fichier dans une fenêtre Chrome, Edge, Firefox ou Safari.
- Windows 10 et 11 : ouvrez-le dans Photos ou Paint. Si Windows ne reconnaît pas le fichier, installez les Webp Image Extensions gratuites de Microsoft depuis le Microsoft Store, qui ajoutent aussi les miniatures dans l'Explorateur de fichiers.
- macOS 11 Big Sur et versions ultérieures : double-cliquez pour l'ouvrir dans Aperçu ; Coup d'œil (barre d'espace dans le Finder) l'affiche aussi.
Comment convertir un fichier WebP
La méthode pour convertir un WebP dépend du sens de conversion.
Vers le WebP, dans le navigateur : le convertisseur WebP de TimeToTime convertit un PNG, un JPG ou une autre image lisible par le navigateur, un fichier à la fois. Réglez la Qualité entre 1 et 100 (80 par défaut), cliquez sur « Convertir en WebP », et l'outil affiche la taille de sortie ainsi que de combien le fichier est plus léger ou plus lourd que l'original, par exemple « 67 % plus léger que l'original » lorsqu'un PNG de 1 250 000 octets devient un WebP de 412 500 octets. La transparence est conservée et l'image ne quitte jamais votre appareil. Il n'y a ni mode par lots ni redimensionnement, les métadonnées EXIF ne sont pas copiées, et un GIF animé devient une image fixe. Safari peut ne pas savoir encoder le WebP ; l'outil le signale alors et enregistre un PNG : utilisez plutôt Chrome, Edge ou Firefox. Si vous devez aussi réduire les dimensions, le Compresseur d'image propose un réglage de largeur maximale et peut lui aussi produire du WebP.
Vers le WebP, en ligne de commande : l'outil cwebp de Google, issu du paquet libwebp, convertit des fichiers isolés ou, avec un script, des dossiers entiers :
cwebp -q 80 in.png -o out.webp
cwebp -lossless logo.png -o logo.webp
-q règle la qualité de 0 à 100 (75 par défaut) et -lossless passe en mode sans perte.
Du WebP vers le PNG ou le JPG : sur macOS, ouvrez le fichier dans Aperçu, choisissez Fichier › Exporter et sélectionnez PNG ou JPEG. Sous Windows, ouvrez-le dans Paint et utilisez Fichier › Enregistrer sous. En ligne de commande, dwebp in.webp -o out.png produit un PNG.
Foire aux questions
Qu'est-ce qu'un fichier WebP ?
Un fichier .webp est une image au format WebP de Google. Il peut s'agir d'une photo (avec perte), d'un graphique fidèle au pixel près (sans perte), d'une image transparente ou d'une courte animation, et tous les navigateurs actuels l'ouvrent.
Le WebP est-il meilleur que le PNG ?
Pour les pages web, généralement oui : à pixels identiques, le WebP sans perte pèse en moyenne 26 % de moins que le PNG. Pour les fichiers maîtres à retoucher, les images 16 bits et les fichiers que d'autres doivent pouvoir ouvrir dans n'importe quel logiciel, le PNG reste le choix le plus sûr.
La conversion en WebP réduit-elle la qualité ?
Le WebP avec perte supprime certains détails, comme le JPG ; avec une qualité de 75 à 85, la différence est difficile à voir sur la plupart des photos. Le WebP sans perte conserve chaque pixel. Convertir un JPG en WebP sans perte ne restaurera pas les détails que le JPG a déjà perdus.
Pourquoi les sites utilisent-ils le WebP plutôt que le JPG ?
Des fichiers plus légers se chargent plus vite et consomment moins de bande passante, ce qui améliore le Largest Contentful Paint. Le WebP prend aussi en charge la transparence et l'animation, ce dont le JPG est incapable.
Peut-on reconvertir un WebP en JPG ou en PNG ?
Oui. Utilisez la fonction Exporter d'Aperçu sur Mac, Enregistrer sous de Paint sous Windows, ou dwebp en ligne de commande. Le résultat ne peut pas être meilleur que le WebP : conservez donc vos originaux autant que possible.
Essayez gratuitement : Image en WebP Gratuit, sans création de compte.