AVIF

AVIF (AV1 Image File Format) est un format d’image moderne dérivé du codec vidéo AV1. Normalisé en 2019. Compresse 20 à 30 % plus petit que WebP à qualité visuelle équivalente.

Comme WebP, AVIF prend en charge les modes avec et sans perte, le canal alpha complet (transparence), l’animation, le HDR et les gammes de couleurs étendues. Contrairement à WebP, son encodage est coûteux — les encodeurs peuvent prendre 10 à 100 fois plus longtemps que l’encodage WebP équivalent pour la même entrée. Le décodage est rapide (le décodeur vidéo AV1 est bien optimisé, y compris l’accélération matérielle sur les processeurs et GPU récents).

Prise en charge par les navigateurs en 2026 : environ 93 % à l’échelle mondiale. Chrome depuis 2020, Firefox depuis 2021, Safari depuis 2022. Les appareils Android et Apple plus anciens ne sont pas pris en charge.

Quand AVIF vaut le coût d’encodage :

• Sites à forte densité d’images où le poids de la page est critique — images de héros pour l’e-commerce, sites de galeries, médias d’information.
• Images distribuées par CDN où l’encodage se produit une seule fois au moment du téléchargement.
• Publics prioritairement mobiles sur connexions limitées — les économies de bande passante de 20 à 30 % se cumulent.

Pour la plupart des flux de travail, WebP est la valeur par défaut la plus simple et AVIF est une optimisation valable lorsque vous disposez déjà d’un pipeline de compilation produisant plusieurs variantes de format et les servant via le repli <picture>.

Exemple pratique

Prenez une photo 4000×3000 provenant d’un smartphone moderne. Le JPEG original sorti de l’appareil à qualité 85 pèse environ 4,2 Mo. Le ré-encoder en WebP à qualité 80 (visuellement équivalent) donne environ 2,8 Mo — une économie de 33 %. Le ré-encoder en AVIF à qualité 60 (toujours visuellement équivalent car l’échelle de qualité AVIF est plus basse pour le même résultat perçu) donne environ 1,9 Mo — une économie de 55 % par rapport au JPEG et de 32 % par rapport au WebP. Le temps d’encodage raconte l’autre moitié de l’histoire : JPEG s’encode en ~50 ms sur un laptop moderne, WebP en ~300 ms, AVIF en ~3 à 8 secondes selon le preset lent-mais-haute-qualité. Les temps de décodage sont à peu près équivalents pour les trois car le décodeur AV1 est bien optimisé. Pour une seule image de héros affichée sur un million de chargements de page, le coût d’encodage est amorti une fois ; pour une galerie téléchargée par l’utilisateur et transcodée à la volée, AVIF peut être impraticable.

Quand et pourquoi cela importe

AVIF importe chaque fois que les coûts de bande passante (sortie CDN, forfaits données mobiles, Core Web Vitals) l’emportent sur le temps d’encodage. Le déploiement le plus courant est un pipeline en compilation (Next.js Image, Cloudflare Polish, ImageKit) qui produit des variantes AVIF + WebP + JPEG une fois au moment du téléchargement et sert le format le mieux supporté par requête via l’élément <picture>. Pour les sites mesurés par Largest Contentful Paint (LCP) — un indicateur Core Web Vitals que Google intègre dans le classement de recherche — réduire le poids de l’image de héros de 30 % améliore directement le score sur mobile. Ignorez AVIF quand vous avez besoin d’une large prise en charge des anciens navigateurs (Safari sur iPad antérieur à 2022 échoue encore), quand vous générez des miniatures à la volée sans file d’attente (la latence d’encodage bloque la réponse), ou quand l’actif est déjà petit (en dessous de 50 Ko, l’économie absolue est minime). Référence : web.dev — Utiliser AVIF pour compresser les images.

L’Alliance for Open Media — pourquoi AVIF est exempt de brevets : AV1, le codec parent d’AVIF, a été développé par AOMedia (Google, Mozilla, Cisco, Intel, Microsoft, Netflix, Amazon, Apple depuis 2018) explicitement comme alternative libre de droits à HEVC, dont la licence de brevets, fragmentée entre plusieurs pools, l’avait rendu commercialement toxique pour le déploiement dans les navigateurs. AVIF hérite de l’accord de brevets AV1 : tout le monde peut implémenter, distribuer et servir AVIF sans payer de frais de licence. JPEG XL — un format moderne concurrent avec de meilleurs outils pour l’archivage — a stagné dans les navigateurs en partie à cause de positions de brevets peu claires, tandis que l’accord propre d’AVIF a accéléré son adoption.

Ordre recommandé pour <picture> : servez AVIF en premier (meilleure compression), WebP en second (prise en charge plus large), JPEG/PNG en dernier (repli universel). Le navigateur choisit le premier format pris en charge et ne télécharge jamais les autres. <picture><source type="image/avif" srcset="hero.avif"><source type="image/webp" srcset="hero.webp"><img src="hero.jpg" alt="..."></picture>. Erreurs courantes : oublier les attributs type= (le navigateur ne peut pas ignorer sans analyser) ou placer le repli <img> avant la source AVIF (le navigateur s’arrête à la première correspondance). Connexe : WebP, avec perte. Référence : Spécification AVIF — AOMedia.