WebP ou AVIF : quel format d’image choisir en 2026 ?
Publié par @SoNiceInfo le 22/09/2026 (mis à jour le 24/09/2026)
La réponse courte à la question WebP ou AVIF : exportez les deux et servez-les avec l’élément <picture>. Placez l’AVIF en premier, le WebP en second, et le JPEG ou le PNG comme dernière solution de repli : les navigateurs compatibles reçoivent le fichier le plus léger, et tous les autres affichent quand même une image normale. Si vous ne pouvez livrer qu’un seul format, choisissez le WebP pour la compatibilité et la vitesse d’encodage, ou l’AVIF pour le gain maximal ainsi que pour le HDR et la profondeur 10/12 bits.
Tableau comparatif WebP / AVIF
Le WebP est le format d’image de Google, fondé sur le codec vidéo VP8 ; l’AVIF est un format d’image fondé sur le codec vidéo AV1. Tous deux prennent en charge la compression avec et sans perte, la transparence et l’animation. Ils diffèrent par l’efficacité de compression, la profondeur de bits et la vitesse d’encodage.
| Caractéristique | JPEG | WebP | AVIF |
|---|---|---|---|
| Compression (avec perte, qualité égale) | Référence | ~25 à 35 % plus léger | ~50 % plus léger |
| Compression sans perte | Non | Oui (~26 % plus léger que le PNG) | Oui |
| Transparence / animation | Non | Oui | Oui |
| Profondeur 10 bits / 12 bits | Non | Non (8 bits) | Oui |
| HDR / gamme de couleurs étendue | Non | Limité | Prise en charge complète |
| Vitesse d’encodage | Rapide | Rapide | Nettement plus lente |
| Dimensions maximales | 65 535 × 65 535 px | 16 383 × 16 383 px | Gère des images plus grandes que le WebP |
| Affichage progressif | Oui | Non | Non |
| Prise en charge par les navigateurs | Tous | Tous les grands navigateurs (Safari sous macOS 11 / iOS 14 ou version ultérieure) | Tous les grands navigateurs (Safari sous macOS 13 / iOS 16 ou version ultérieure) |
Les chiffres de compression sont des ordres de grandeur tirés d’études comparatives publiées ; ils varient selon le contenu de l’image et les réglages de l’encodeur.
Un exemple mesuré : un JPEG converti en WebP et en AVIF
Voici ce que j’ai obtenu en convertissant une photo JPEG de 1600×1064 px (230 KB) avec les encodeurs en ligne de commande sur un Mac.
# WebP (cwebp 1.6.0)
cwebp -q 80 in.jpg -o out.webp # 230 KB -> 112 KB
# AVIF (avifenc 1.4.2)
avifenc -q 60 -s 6 in.jpg out.avif # 230 KB -> 108 KBLes deux fichiers pèsent moins de la moitié du JPEG d’origine. Gardez à l’esprit qu’il s’agit d’une seule image, et que les deux réglages de qualité ne sont pas alignés sur une qualité visuelle équivalente. Les valeurs de qualité n’ont pas le même sens d’un encodeur à l’autre : pour un vrai site, le plus sûr est de comparer à l’œil les images converties avant d’arrêter un réglage.
Quand choisir le WebP
- Vous devez couvrir des navigateurs et des systèmes anciens — Safari affiche le WebP depuis macOS 11 / iOS 14, une plage plus large que pour l’AVIF.
- Vous convertissez souvent un grand nombre d’images — l’encodage est rapide, ce qui raccourcit les temps de build et d’envoi.
- Vous voulez alléger sans perte des logos, des captures d’écran et des dessins au trait — le WebP sans perte est environ 26 % plus léger que le PNG.
- Vous remplacez des GIF animés — le WebP animé est en couleurs complètes et largement pris en charge.
Pour convertir en WebP un dossier de fichiers PNG, JPG, HEIC ou GIF sur votre Mac, WebP Converter., une app de conversion WebP par lots pour Mac, est gratuite pour commencer.
Quand choisir l’AVIF
- Vous voulez le plus petit volume de transfert possible — sur les pages riches en photos, on peut raisonnablement s’attendre à environ 50 % de moins que le JPEG à qualité comparable.
- Vous diffusez des photos HDR ou à gamme de couleurs étendue — la profondeur 10 bits et 12 bits évite l’effet de bandes que montre le WebP 8 bits dans les dégradés doux.
- La qualité à bas débit compte pour vous — une forte compression produit moins d’artefacts de blocs.
- Vous convertissez une seule fois, à l’avance — la lenteur de l’encodage compte alors beaucoup moins.
Pour convertir par lots des fichiers PNG, JPG et HEIC en AVIF, essayez AVIF Converter., une app de conversion AVIF par lots pour Mac. Elle aussi est gratuite pour commencer.
Servir l’AVIF et le WebP ensemble avec l’élément picture
Listez des éléments <source> de haut en bas dans <picture> : le navigateur choisit le premier format qu’il prend en charge. Le <img> final sert de solution de repli : une image s’affiche donc dans tous les environnements.
<picture>
<source type="image/avif" srcset="/images/photo.avif" />
<source type="image/webp" srcset="/images/photo.webp" />
<img src="/images/photo.jpg" alt="Describe the photo" width="1600" height="1064" loading="lazy" />
</picture>Indiquer width et height évite les décalages de mise en page (CLS) pendant le chargement de l’image. N’ajoutez pas loading="lazy" à une image située au-dessus de la ligne de flottaison qui constitue votre élément LCP.
Prise en charge dans WordPress
WordPress accepte l’envoi de fichiers WebP depuis la version 5.8, et de fichiers AVIF depuis la version 6.5. Les images que vous avez envoyées auparavant en JPEG ou en PNG ne sont pas remplacées automatiquement : les visuels existants doivent donc tout de même être convertis puis remplacés. La gestion de l’AVIF nécessite aussi que la bibliothèque d’images du serveur prenne en charge l’AVIF.
Comment convertir en WebP et en AVIF sur Mac
Le plus rapide est d’utiliser une app avec interface graphique. Glissez-déposez des images ou des dossiers entiers pour les convertir par lots, et vérifiez à l’œil la qualité avant et après, avant d’exporter. Avec les trois apps, la conversion se fait sur votre Mac, sans rien avoir à envoyer en ligne.
- Vous voulez du WebP — WebP Converter., une app de conversion WebP par lots pour Mac
- Vous voulez de l’AVIF — AVIF Converter., une app de conversion AVIF par lots pour Mac
- Vous voulez du WebP et de l’AVIF en une seule passe — Image Tool+, une app de conversion d’images par lots pour Mac, exporte vers plusieurs formats à la fois
En ligne de commande, installez cwebp et avifenc avec Homebrew.
brew install webp libavifLes guides pas à pas font l’objet d’articles séparés.
Toute la conversion se fait sur votre Mac
Recommandations selon l’usage
- Photographes et sites de portfolio — placez l’AVIF en premier. Pour les dégradés doux et les photos HDR ou à gamme de couleurs étendue, la profondeur 10 bits / 12 bits de l’AVIF limite l’effet de bandes. Fournissez le WebP comme solution de repli.
- Blogs et sites d’entreprise — le WebP est le choix par défaut le plus sûr : il est plus largement pris en charge et s’encode rapidement. Ajouter l’AVIF uniquement pour les grandes images au-dessus de la ligne de flottaison réduit encore le volume de transfert.
- Sites e-commerce — servez les deux avec l’élément
<picture>. Avec un grand catalogue, le temps d’encodage de l’AVIF s’accumule : une répartition pragmatique consiste à utiliser le WebP pour l’essentiel des images produits et l’AVIF pour les visuels clés et les images mises en avant. - Logos, captures d’écran et dessins au trait — utilisez le WebP sans perte (environ 26 % plus léger que le PNG), ou gardez le PNG.
Questions fréquentes
Q. Faut-il utiliser le WebP ou l’AVIF ?
Exportez les deux et servez-les avec l’élément picture : l’AVIF en premier, le WebP en second, et le JPEG ou le PNG comme dernière solution de repli. Si vous ne pouvez en choisir qu’un, prenez le WebP pour la compatibilité et la vitesse d’encodage, ou l’AVIF pour le gain de poids maximal ainsi que pour le HDR et la profondeur 10/12 bits.
Q. De combien l’AVIF est-il plus léger que le WebP ?
En règle générale, à qualité comparable, le WebP est environ 25 à 35 % plus léger que le JPEG, et l’AVIF environ 50 % plus léger que le JPEG. L’écart réel dépend fortement de l’image et des réglages de l’encodeur. L’AVIF a tendance à l’emporter sur les photos et les dégradés doux, alors que les petites icônes et les graphismes simples peuvent ne montrer presque aucune différence.
Q. Que se passe-t-il dans un navigateur qui ne prend pas en charge l’AVIF ?
Une balise img qui pointe uniquement vers un fichier AVIF n’affiche rien dans un navigateur qui ne prend pas en charge l’AVIF. Avec un élément picture qui liste des sources AVIF, WebP et JPEG dans cet ordre, le navigateur choisit le premier format qu’il prend en charge : chaque visiteur obtient donc une image.
Q. Quels sont les inconvénients de l’AVIF ?
L’encodage est nettement plus lent qu’en WebP ou en JPEG, il n’y a pas d’affichage progressif, et les systèmes d’exploitation et apps anciens peuvent ne pas ouvrir les fichiers. Dans un flux de travail qui convertit de nombreuses images à chaque build, le temps d’encodage devient sensible.
Q. Comment convertir des images en WebP ou en AVIF sur Mac ?
En ligne de commande, utilisez cwebp pour le WebP et avifenc pour l’AVIF, tous deux disponibles via Homebrew. Pour convertir par lots avec une interface graphique sans rien envoyer en ligne, WebP Converter. et AVIF Converter. gèrent chacune un format, et Image Tool+ exporte les deux depuis une seule app.
En résumé
- Par défaut, utilisez l’élément
<picture>avec AVIF → WebP → JPEG/PNG, dans cet ordre. - Si vous ne livrez qu’un seul format : le WebP pour la compatibilité et la vitesse d’encodage, l’AVIF pour le poids et pour le HDR / la profondeur 10–12 bits.
- Le gain varie selon l’image : vérifiez la qualité et le poids après conversion avant de figer vos réglages.