Les formats AVIF et WebP réduisent fortement le poids des images tout en conservant une bonne qualité visuelle. Ils reposent sur des méthodes de compression modernes et se distinguent par la qualité obtenue, la vitesse d'encodage et la compatibilité des navigateurs. Voici les points clés pour choisir le bon format sur un site public.
-
1. Qualité et taux de compression
AVIF atteint souvent une compression environ 40 % plus efficace que WebP à qualité perçue égale. Il gère mieux les dégradés, les zones sombres et les aplats, avec moins d'artefacts. WebP reste néanmoins très performant pour les photos web courantes.
-
2. Performance et vitesse d'encodage
WebP s'encode et se décode rapidement, idéal pour des conversions massives. AVIF demande plus de CPU lors de l'encodage, mais reste léger à l'affichage côté navigateur une fois l'image produite.
-
3. Transparence et animation
Les deux gèrent la transparence comme le PNG. WebP prend en charge l'animation type GIF animé. AVIF peut aussi animer, mais l'affichage n'est pas encore parfait sur tous les navigateurs.
-
4. Compatibilité navigateur
WebP est pris en charge par tous les navigateurs récents, y compris Safari 16+. AVIF est supporté par Chrome, Firefox, Edge et Safari 17+. Sur iOS anciens, AVIF peut manquer. En pratique, on sert WebP par défaut et AVIF en source alternative lorsque possible.
-
5. Recommandations d'usage par Evoir
Utilisez AVIF pour les visuels fixes et les photos haute qualité afin de maximiser le gain de poids. Utilisez WebP pour les logos, icônes et cas nécessitant une compatibilité large. Servez AVIF comme source prioritaire et WebP en repli à l'aide de
côté front.