WEBP : qu’est-ce qu’un fichier WEBP ?

Ce qu’est réellement le WEBP

Le WEBP est un format d’image conçu pour le web. Il peut contenir des images avec perte, des images sans perte, des images avec transparence et des animations simples dans un seul format de fichier, ce qui lui permet de remplacer à la fois le JPG et le PNG dans de nombreuses situations.

Son principal atout est la taille. À qualité visuelle égale, un fichier WEBP est généralement plus léger que le JPEG ou le PNG qu’il remplace : les pages transfèrent donc moins de données et se chargent plus vite. L’ampleur de ce gain dépend presque entièrement de l’encodage du fichier.

Avec ou sans perte : choisissez d’abord le mode

Un WEBP avec perte supprime des détails que l’œil a peu de chances de remarquer : c’est le mode adapté aux photographies et aux captures d’écran de nature essentiellement photographique. C’est ce mode qui génère les économies importantes par rapport au JPG.

Un WEBP sans perte conserve chaque pixel à l’identique : il se comporte comme un PNG. Utilisez-le pour les logos, les icônes, les captures d’écran de texte et toute image destinée à être modifiée ou réenregistrée, car un encodage répété n’y ajoutera pas d’artéfacts.

Le mode compte plus que le nom du format. Un WEBP sans perte d’une photographie sera bien plus volumineux que sa version avec perte, et un WEBP avec perte d’un petit texte sera nettement moins beau qu’un PNG du même texte.

Choisir un réglage de qualité pour les photographies

Le WEBP avec perte utilise une valeur de qualité plutôt qu’un simple interrupteur activé/désactivé. La plage utile pour les photographies se situe autour de 75 à 85 : la taille du fichier chute fortement par rapport au maximum, tandis que la différence reste difficile à percevoir à une taille d’affichage normale.

En dessous d’environ 60, des artéfacts de lissage et de blocs commencent à apparaître dans les ciels, les peaux et les fonds unis. Au-dessus d’environ 90, le fichier grossit rapidement pour des améliorations que presque personne ne distingue. Convertissez une copie et comparez-la en taille réelle avant de fixer une valeur.

Transparence et animation

Le WEBP prend en charge la transparence alpha complète, y compris les pixels partiellement transparents : les ombres douces et les coins arrondis des logos restent donc propres. C’est la fonctionnalité que le JPG n’a jamais eue, et la principale raison pour laquelle une image détourée peut rester légère sans devenir un gros PNG.

Le WEBP animé peut remplacer les animations GIF simples avec de meilleures couleurs et un fichier plus léger. Cela vaut la peine d’être testé, mais conservez le GIF lorsque l’animation doit fonctionner dans des logiciels très anciens.

Prise en charge par les navigateurs et solutions de repli

Tous les navigateurs actuels affichent le WEBP, y compris les versions récentes de Chrome, Edge, Firefox, Safari et les navigateurs par défaut sur Android et iOS. Le déficit de compatibilité restant concerne surtout les logiciels de bureau anciens, certaines messageries et quelques formulaires de téléversement.

Lorsque vous diffusez des images depuis votre propre site, vous pouvez conserver un repli en JPG ou PNG et laisser le navigateur choisir. Lorsque vous envoyez un fichier à une personne ou à un système dont vous ne pouvez pas vérifier la compatibilité, convertissez une copie au lieu de deviner.

Un flux de travail WEBP concret pour un site web

Partez du fichier maître d’origine plutôt que d’une copie déjà compressée. Redimensionnez l’image à sa taille d’affichage maximale réelle, puis encodez le WEBP à partir de cette version redimensionnée.

Utilisez le WEBP avec perte pour les photographies, le WEBP sans perte pour les graphiques et le texte, et conservez le maître d’origine afin de pouvoir produire plus tard un autre format ou une autre taille. Mesurez les tailles de fichier avant et après, et vérifiez le résultat en taille réelle avant de publier.

Quand le WEBP est un mauvais choix

Le WEBP n’est pas toujours la solution. Si une imprimante, une application héritée ou un formulaire de téléversement précis rejette le fichier, le JPG ou le PNG est une livraison plus sûre. Si l’image doit être modifiée à répétition, un maître sans perte tel que le PNG ou le TIFF est plus facile à manipuler.

Pour de très petites icônes, un SVG surpasse souvent tous les formats matriciels, car il reste net à toute taille et s’avère généralement plus léger. Adaptez le format à la destination plutôt qu’à la mode.