WebP et AVIF sont les deux formats d'image qui redessinent le web moderne. Tous deux compressent bien mieux que le JPEG et le PNG, tous deux prennent en charge la transparence et l'animation, et tous deux sont désormais largement compatibles. Alors, si vous modernisez vos images, lequel devriez-vous réellement utiliser ?
La réponse honnête est souvent « les deux » — mais comprendre en quoi ils diffèrent vous permet de faire le bon choix dans chaque situation. Ce guide compare WebP et AVIF sur les critères qui comptent en pratique : compression, qualité, prise en charge navigateur, vitesse d'encodage et fonctionnalités.
La réponse en bref
Si vous voulez les fichiers les plus légers possible et que vous vous adressez à un public moderne, l'AVIF l'emporte généralement. Si vous visez la portée la plus large et le flux de travail le plus simple et le plus rapide, le WebP est le choix par défaut le plus sûr. La meilleure approche pour la plupart des sites consiste à ne pas choisir du tout : servez de l'AVIF avec un repli en WebP, puis un repli en JPEG ou PNG en dessous, et laissez chaque navigateur télécharger la meilleure version qu'il prend en charge.
Le reste de ce guide explique pourquoi.
D'où vient chaque format
Le WebP a été créé par Google et publié en 2010, à partir du codec vidéo VP8. Il a eu plus d'une décennie pour mûrir, ce qui se reflète dans sa large prise en charge et la stabilité de ses outils.
L'AVIF est arrivé en 2019 et repose sur AV1, le codec vidéo libre de droits de l'Alliance for Open Media — un groupe qui réunit Google, Apple, Microsoft, Mozilla et Netflix. AV1 est un codec plus récent et plus sophistiqué que le VP8, et c'est là l'origine de l'avantage d'efficacité de l'AVIF.
Compression et qualité
À qualité visuelle égale, les fichiers AVIF sont généralement 20 à 30 pour cent plus légers que le WebP, et environ deux fois plus légers qu'un JPEG comparable. Le WebP, de son côté, est habituellement 25 à 34 pour cent plus léger que le JPEG. Le classement par poids, du meilleur au moins bon, est donc en général : AVIF, puis WebP, puis JPEG.
L'avantage de l'AVIF est le plus marqué aux réglages de qualité faible à moyenne, où son codec moderne préserve les détails et évite l'effet de blocs que les anciens formats laissent apparaître quand on les pousse à fond. Il gère aussi les dégradés et les aplats de couleur en douceur, réduisant l'effet de banding que l'on observe parfois dans les ciels ou les ombres. Le WebP reste excellent et largement suffisant pour la grande majorité des images, mais c'est l'AVIF qui mène en matière d'efficacité.
Prise en charge des navigateurs
C'est ici que le WebP conserve un avantage. Le WebP est pris en charge par tous les grands navigateurs actuels, et ce depuis des années, dont Safari depuis la version 14. Vous pouvez le servir à presque n'importe quel public sans y réfléchir à deux fois.
La prise en charge de l'AVIF est désormais large elle aussi — Chrome, Firefox et Edge le gèrent depuis un certain temps, et Safari l'a ajouté dans la version 16.4. Pour la plupart des publics, cette couverture est amplement suffisante, mais comme une petite part d'anciens appareils ne peut toujours pas afficher l'AVIF, prévoir un repli est judicieux. L'élément picture du HTML rend cela trivial, si bien que la prise en charge légèrement plus étroite de l'AVIF est rarement un véritable obstacle.
Vitesse d'encodage et outillage
Le WebP encode rapidement et dispose partout d'un outillage mature et bien documenté. L'AVIF, bâti sur le codec AV1 plus complexe, est plus lent et plus gourmand en CPU à l'encodage, parfois nettement aux niveaux de compression les plus élevés. Pour une poignée d'images, cela passe inaperçu ; pour traiter des milliers d'images dans une chaîne de build, la différence de temps et de coût peut compter.
En bref : le WebP est le choix le plus léger sur le plan opérationnel, tandis que l'AVIF réclame davantage de puissance de calcul en échange de fichiers plus petits.
Fonctionnalités
Les deux formats prennent en charge la compression *lossy* et *lossless*, la transparence alpha complète et l'animation. L'AVIF va plus loin sur quelques points qui comptent pour l'imagerie haut de gamme : il prend en charge la plage dynamique étendue (HDR), les gamuts de couleurs larges et des profondeurs de bits plus élevées jusqu'au 12-bit, là où le WebP se limite à la couleur 8-bit standard. Si vous publiez de la photographie HDR ou des illustrations à gamut large, l'AVIF est le seul des deux à pouvoir les représenter fidèlement.
WebP et AVIF en un coup d'œil
| Propriété | WebP | AVIF |
|---|---|---|
| Basé sur | VP8 (Google, 2010) | AV1 (AOMedia, 2019) |
| Poids type face au JPEG | 25–34 % plus léger | Environ 50 % plus léger |
| Qualité à bas débit | Bonne | Excellente |
| Prise en charge navigateur | Universelle (Safari 14+) | Large (Safari 16.4+) |
| Vitesse d'encodage | Rapide | Plus lente, plus de CPU |
| Transparence et animation | Oui | Oui |
| HDR, gamut large, 12-bit | Non | Oui |
Lequel choisir ?
Pour la plupart des sites, utilisez les deux avec une chaîne de repli : AVIF d'abord, WebP ensuite, JPEG ou PNG en dernier. Chaque visiteur reçoit le format le plus efficace que son navigateur prend en charge, et rien ne casse sur les appareils plus anciens.
Si vous devez retenir un seul format, laissez votre priorité trancher. Choisissez le **WebP** quand la large compatibilité, l'encodage rapide et la simplicité du flux de travail priment — c'est le choix par défaut sûr et pratique. Choisissez l'**AVIF** quand le poids du fichier est la priorité absolue, par exemple pour de grandes images d'en-tête, des galeries photo ou du contenu HDR, et que vous pouvez absorber un encodage plus lent. Pour vous aider à décider parmi tous les formats, consultez Comment choisir le bon format d'image pour le web.
Comment créer des fichiers WebP et AVIF
Vous pouvez convertir des images existantes sans aucun logiciel. Pour le WebP, convertissez JPG en WebP ou PNG en WebP. Pour l'AVIF, convertissez JPG en AVIF ou PNG en AVIF. Si vous avez de nouveau besoin d'un format universellement compatible, vous pouvez aussi convertir WebP en PNG ou WebP en JPG. Pour le contexte, lisez Qu'est-ce que le WebP et Qu'est-ce que l'AVIF.