Qu'est-ce que l'AVIF ? Le format d'image moderne que tu dois connaître
Qu'est-ce que l'AVIF, concrètement ?
AVIF est l'acronyme de AV1 Image File Format. C'est un conteneur moderne pour les images fixes, dérivé du codec vidéo AV1 développé par l'Alliance for Open Media, un consortium de poids lourds incluant Google, Apple, Mozilla, Netflix et Amazon. La première spécification stable a vu le jour en 2019, et le support par les navigateurs n'a cessé de grimper depuis. Pour vraiment comprendre l'AVIF, il faut regarder son arbre généalogique. Son parent, l'AV1, a été créé comme un codec vidéo libre de droits pour concurrencer le format HEVC (H.265) grevé de brevets, qui est la technologie derrière les images HEIF d'Apple. Comme l'AV1 est open-source et gratuit, n'importe quel développeur peut l'implémenter sans payer de frais de licence. C'est un avantage énorme pour son adoption. C'est la raison pour laquelle Chrome, Firefox et Edge supportent tous l'AVIF nativement, tandis que le support du HEIF/HEIC sur le web reste un vrai bazar. L'AVIF fonctionne en utilisant les outils d'encodage intra-trame de l'AV1, traitant en gros une seule image comme une seule image d'une vidéo. Ce n'est pas un raccourci facile. C'est ce qui donne à l'AVIF l'accès aux mêmes techniques de compression sophistiquées qui rendent la vidéo AV1 si efficace : des blocs de transformation de taille variable jusqu'à 64x64 pixels, la synthèse de grain de film, des filtres de boucle, et plus encore. Le résultat est un format qui rivalise avec JPEG XL et WebP 2 pour le titre du format d'image le plus efficace d'aujourd'hui. Au-delà de la simple compression, l'AVIF est un format riche en fonctionnalités. Il supporte des profondeurs de couleur de 8, 10 et même 12 bits, ainsi que le HDR et les larges gamuts de couleurs comme Rec. 2020 et Display P3. Il gère également la transparence alpha et même de courtes animations. Cette flexibilité lui permet d'être performant tant sur le contenu photographique que graphique, bien que, comme nous le verrons, il ait ses forces et ses faiblesses spécifiques.
Comparaison de la compression AVIF avec JPEG, WebP et PNG
Les chiffres sont plus parlants que les adjectifs. Une étude de Netflix de 2021 — et ils sont bien placés pour le savoir, étant l'un des principaux développeurs de l'AV1 — a montré que les fichiers AVIF étaient environ 50 % plus petits que les JPEG à qualité visuelle équivalente. Le format WebP de Google offre généralement une économie de 25 à 34 % par rapport au JPEG. Ce n'est pas une petite amélioration progressive. C'est un saut de génération en termes d'efficacité. Pour être plus concret : une photo de produit de haute qualité de 180 Ko enregistrée en JPEG (qualité 85) pèserait environ 130 Ko en WebP. En AVIF avec un facteur de qualité constant (crf) de 30, cette même image pourrait ne peser que 90 à 100 Ko sans perte de qualité perceptible sur un bon moniteur. Si tu peux tolérer une qualité légèrement inférieure pour une vignette, par exemple, un crf de 40 peut faire passer la taille du fichier sous les 60 Ko. Qu'en est-il des graphiques ? Pour les logos, illustrations et captures d'écran d'interface avec des couleurs unies, le PNG a toujours été le roi du sans perte. L'AVIF a un mode sans perte, mais ne pense pas qu'il soit meilleur. D'après mon expérience, c'est un mauvais choix pour cette tâche. Les fichiers AVIF sans perte sont souvent 10 à 20 % plus volumineux que le PNG équivalent. Le mode sans perte de WebP, en revanche, bat systématiquement le PNG d'environ 26 % et surpasse également l'AVIF sans perte. La conclusion est claire : la vraie force de l'AVIF réside dans la compression avec perte pour les photos, pas dans les graphiques sans perte. La transparence alpha est le domaine où l'AVIF brille vraiment. Le JPEG ne gère pas du tout la transparence. Le WebP le peut, mais l'AVIF le fait souvent mieux et en plus petit. Une photo de produit avec un fond transparent — le pain quotidien du e-commerce — peut être enregistrée en AVIF en étant 60 à 70 % plus légère que son homologue PNG, tout en conservant des bords nets et propres autour de détails complexes comme les cheveux ou la fourrure.
Support des navigateurs et des plateformes en 2025
L'AVIF n'est plus une expérimentation. À la mi-2025, le support global des navigateurs dépasse les 93 %, selon caniuse.com. Chrome le prend en charge depuis la version 85 en août 2020. Firefox a suivi avec la version 93 en octobre 2021. Point crucial, Safari sur macOS Ventura et iOS 16 et versions ultérieures peut décoder l'AVIF. Edge, étant basé sur Chromium, le supporte depuis fin 2020. Ce que ça signifie pour toi : si tu sers des images AVIF sur ton site web, presque tout le monde les verra. Les ~7 % d'utilisateurs restants sur des navigateurs plus anciens ont juste besoin d'une solution de repli. La solution standard et élégante est l'élément HTML `<picture>` : <picture> <source srcset="image.avif" type="image/avif"> <source srcset="image.webp" type="image/webp"> <img src="image.jpg" alt="Photo de produit"> </picture> Cette simple solution de repli à trois niveaux couvre tous les navigateurs qui comptent. Un navigateur qui ne comprend pas l'AVIF essaiera le WebP ; si cela échoue, il se rabattra sur le JPEG universel. Ça fonctionne, tout simplement. Pas besoin de JavaScript. Sur ordinateur, la situation est un peu plus compliquée, mais globalement positive. Windows 11 peut afficher les AVIF dans son application Photos après une installation gratuite de l'extension vidéo AV1 depuis le Microsoft Store. macOS offre un support natif dans Aperçu depuis macOS Monterey. Adobe Photoshop a intégré le support de l'AVIF dans la version 23.2 (février 2022), tu peux donc les ouvrir et les enregistrer directement. GIMP le supporte depuis la version 2.10.22. Même Figma peut ouvrir les fichiers AVIF, bien qu'il ne puisse pas encore les exporter. Pour quiconque met en place des flux de travail automatisés, l'outillage côté serveur est mature. Des bibliothèques clés comme libavif (l'implémentation de référence), Sharp pour Node.js, Pillow pour Python 3.10+, et ImageMagick 7.1+ fournissent toutes de solides capacités d'encodage et de décodage AVIF.
Quand utiliser l'AVIF — et quand ne pas l'utiliser
Alors, où devrais-tu vraiment utiliser l'AVIF ? La cible principale est toute image photographique sur le web où la taille du fichier a un impact sur les performances. Pense aux galeries de produits e-commerce, aux images principales d'articles de presse et aux sites de portfolio. Si ton site web sert des milliers d'images par jour, passer à l'AVIF peut réduire drastiquement tes coûts de bande passante CDN de 30 à 50 %. À grande échelle, ce sont de vraies économies. La photographie HDR est un autre cas d'usage imparable. Avec son support des couleurs 10 et 12 bits et des gamuts étendus comme Rec. 2020, l'AVIF peut afficher du contenu HDR sans avoir à le compresser d'abord en SDR. Le JPEG ne peut absolument pas faire ça, et le WebP est bloqué à 8 bits. Pour les photographes ou les sites immobiliers qui présentent des images haut de gamme à des utilisateurs avec des écrans HDR, l'AVIF est le seul format web largement supporté qui rend justice à ce matériel. Mais ce n'est pas une solution miracle. Le plus gros inconvénient est que l'encodage AVIF est lent. Très lent. Encoder une seule photo haute résolution avec des paramètres de haute qualité peut faire vrombir le ventilateur de ton CPU et prendre plusieurs secondes, alors qu'un JPEG s'encode en millisecondes. Cette latence fait de l'AVIF un mauvais choix pour les applications nécessitant une génération d'images en temps réel, comme un éditeur de photos qui enregistre fréquemment. Bien que le support de l'encodage matériel s'améliore, l'encodage purement logiciel reste un goulot d'étranglement important. Pour d'autres tâches, tu devrais utiliser le bon outil pour la bonne tâche. Les graphiques vectoriels et les diagrammes ont toujours leur place en SVG. Pour les captures d'écran de code ou de texte d'interface où tu as besoin d'une netteté parfaite au pixel près, reste sur du PNG ou du WebP sans perte. Et pour tout ce qui concerne l'impression, l'AVIF est totalement hors de propos ; TIFF et PDF restent les standards incontestés. Et les animations ? L'AVIF les supporte (en tant que séquences AVIS), mais l'encodage est encore plus lent que pour les images fixes, et le support des navigateurs est moins fiable. Honnêtement, tu ferais mieux d'utiliser un WebP animé ou, encore mieux, un court fichier vidéo MP4 ou WebM configuré en lecture automatique.
Comment convertir des images en AVIF
Bon, comment on crée ces fichiers concrètement ? Tu as plusieurs options, en fonction de tes besoins. Pour les développeurs et les adeptes de la ligne de commande, `avifenc` (de la boîte à outils libavif) est l'encodeur de référence. Une commande typique pourrait être : `avifenc --min 20 --max 40 --speed 6 input.jpg output.avif`. Les options `--min` et `--max` définissent la plage de qualité (plus le chiffre est bas, meilleure est la qualité, sur une échelle de 0 à 63), et `--speed` contrôle le compromis entre le temps d'encodage et la taille du fichier (0 est le plus lent et le plus efficace, 10 est le plus rapide). Une vitesse de 6 est un excellent point de départ pour le traitement par lots. Si tu veux visualiser ce que tu fais, Squoosh de Google (squoosh.app) est un outil en ligne incroyable. Il te permet d'ajuster les paramètres AVIF avec un curseur de qualité visuelle et une comparaison côte à côte instantanée. C'est parfait pour les conversions ponctuelles et pour te faire une idée de l'impact des paramètres de qualité sur tes images spécifiques. Pour les conversions en masse sans toucher à la ligne de commande, CocoConvert propose l'AVIF comme format de sortie pour des sources comme JPEG, PNG, WebP et HEIC. Il te suffit de téléverser tes fichiers, de choisir AVIF et de télécharger les résultats. L'encodeur est préconfiguré pour trouver un bon équilibre entre taille et qualité pour un usage web. Un bémol, en toute honnêteté : CocoConvert n'expose pas de contrôles manuels pour le facteur de qualité constant (crf) ou le sous-échantillonnage de la chrominance. Si tu as besoin d'un contrôle aussi fin — par exemple, pour garantir une couleur 4:4:4 pour une photo professionnelle — un outil en ligne de commande ou la boîte de dialogue d'exportation de Photoshop te donnera cette précision. Dans Photoshop (CC 2022 et versions ultérieures), il suffit d'aller dans Fichier > Exporter > Exporter sous et de choisir AVIF dans la liste des formats. Lightroom Classic, cependant, n'exporte toujours pas nativement en AVIF, ce qui nécessite des plugins tiers pour combler cette lacune.
AVIF vs. JPEG XL : L'autre concurrent
Toute discussion honnête sur l'AVIF doit reconnaître son principal rival : le JPEG XL (JXL). C'est un format fantastique qui offre des choses que l'AVIF ne peut pas faire, comme une véritable recompression JPEG sans perte (tu peux convertir un JPEG en JXL et vice-versa sans aucune perte de qualité) et des vitesses d'encodage plus rapides à des niveaux de qualité comparables. Il s'en sort aussi souvent mieux avec les images contenant des lignes nettes et du texte. Dans les comparatifs de compression directs, aucun des deux formats n'est un vainqueur clair sur tous les plans. L'AVIF prend souvent l'avantage pour les photos détaillées à de très faibles débits, tandis que le JPEG XL a tendance à être meilleur pour les graphiques, les images riches en texte et tout flux de travail où la vitesse d'encodage est un facteur. Mais les spécifications techniques ne disent pas tout. La différence cruciale est le support des navigateurs. En 2023, les développeurs de Chrome ont supprimé le support expérimental du JPEG XL, citant un manque d'intérêt de l'écosystème, et cette décision a de fait gelé le marché. À la mi-2025, seul Safari (17+) supporte nativement le JXL, le support de Firefox étant caché derrière un drapeau de configuration. Cela signifie que tu ne peux pas servir de manière fiable du JXL sur le web aujourd'hui sans un polyfill JavaScript. Pour les développeurs web, cela tranche la question pour nous, du moins pour l'instant. L'AVIF, avec son support natif à plus de 93 %, est le seul choix pratique pour le déploiement d'images modernes. Cette situation pourrait changer. La communauté JPEG XL est passionnée et active, et les éditeurs de navigateurs pourraient reconsidérer leur position. Mais pour quiconque crée des sites web en ce moment, l'AVIF a l'avantage énorme et indéniable d'être réellement supporté là où ça compte.
Devrais-tu migrer tes images existantes vers l'AVIF ?
Alors, devrais-tu convertir toute ta bibliothèque d'images ? La bonne nouvelle, c'est que la migration n'a pas à être une épreuve du tout ou rien. La meilleure stratégie pour la plupart est de simplement ajouter des versions AVIF à côté de tes JPEG et PNG existants, en utilisant l'élément `<picture>` pour laisser les navigateurs choisir le meilleur format. Cela signifie que tu n'as pas à supprimer tes anciens fichiers ; tu ne fais que les compléter. Pour un site avec une grande bibliothèque, la conversion par lots est la seule approche sensée. Mets en place un script utilisant un outil comme Sharp pour Node.js ou ImageMagick dans une boucle shell, ou utilise un plugin d'étape de build pour Vite ou webpack. Laisse-le tourner pendant la nuit. La lenteur de l'encodage est un coût unique, mais les économies de bande passante portent leurs fruits à chaque chargement de page. Pour toutes les nouvelles images à l'avenir, le flux de travail est encore plus simple. Fais-en une pratique standard d'encoder une version AVIF pour la livraison web. Conserve ton fichier source original en haute résolution — que ce soit un RAW, un TIFF ou un JPEG de haute qualité — et génère l'AVIF optimisé pour le web dans le cadre de ton processus de publication. Qu'en est-il du stockage ? Oui, conserver plusieurs versions de chaque image augmentera temporairement ton empreinte de stockage. Les fichiers AVIF sont plus petits, mais tu les ajoutes à ta bibliothèque existante. Pour la plupart des sites web, cependant, les économies significatives sur la bande passante sortante du CDN compenseront largement la légère augmentation des coûts de stockage à l'origine. Un dernier mot de prudence : l'archivage. Quiconque a déjà essayé d'ouvrir un fichier propriétaire vieux de 15 ans connaît la douleur de l'obsolescence et de la corruption des données. L'AVIF est encore jeune. Le JPEG a plus de 30 ans et sera lisible par des logiciels qui n'ont même pas encore été inventés. Pour l'archivage permanent à long terme de tes images les plus importantes, le choix conservateur est le bon. Reste sur du JPEG ou du TIFF de haute qualité. Utilise l'AVIF pour la diffusion, mais garde toujours tes originaux dans un format qui a fait ses preuves.