AVIF (AV1 Image File Format) et WebP sont deux formats d image matricielle modernes qui compressent nettement mieux que JPEG et PNG. WebP a ete publie par Google en septembre 2010 sur la base du codec video VP8 et a atteint un support total des navigateurs modernes quand Safari l a ajoute dans iOS 14 (septembre 2020). AVIF a ete standardise par l Alliance for Open Media en fevrier 2019 sur la base du codec AV1 et a atteint un large support quand Safari 16 l a ajoute en septembre 2022. AVIF compresse les photos 20 a 30 pour cent plus petites que WebP a qualite visuelle egale et 50 pour cent plus petites que JPEG, tandis que WebP est 25 a 35 pour cent plus petit que JPEG. Les deux supportent la transparence, l animation et la compression sans perte. AVIF supporte aussi le HDR, 10 et 12 bits et un gamut large. L encodage WebP est 10 a 20 fois plus rapide qu AVIF.
Difference de taille en pratique
| Format | Photo Q 75 a 80 | vs JPEG | vs WebP |
|---|---|---|---|
| JPEG | 180 KB | reference | +60 pour cent |
| WebP lossy | 110 KB | -39 pour cent | reference |
| AVIF | 75 KB | -58 pour cent | -32 pour cent |
| JPEG XL | 80 KB | -55 pour cent | -27 pour cent |
Support navigateur
| Navigateur | WebP | AVIF |
|---|---|---|
| Chrome | v9 (fev 2011) | v85 (aout 2020) |
| Firefox | 65 (jan 2019) | 93 (oct 2021) |
| Safari | 14 (sep 2020) | 16 (sep 2022) |
| Edge | 18 (nov 2018) | 121 (jan 2024) |
| Couverture (caniuse 2025) | 97 pour cent | 94 pour cent |
Servir AVIF avec fallback WebP
<picture>
<source srcset="hero.avif" type="image/avif">
<source srcset="hero.webp" type="image/webp">
<img src="hero.jpg" alt="Photo" width="1200" height="800" loading="lazy">
</picture>Conversion
cwebp -q 80 hero.jpg -o hero.webpavifenc --min 25 --max 35 hero.jpg hero.avif- Sharp (Node.js), ImageMagick 7.0.25+, libvips, Squoosh.
- CDN a la volee : Cloudflare Images, Cloudinary, imgix, Bunny Optimizer, Statically.
WordPress
WordPress 5.8 (juillet 2021) WebP, WordPress 6.5 (avril 2024) AVIF. Plugins : ShortPixel, EWWW Image Optimizer, Imagify, Smush, Converter for Media, Optimole. Cloudflare Polish convertit a l edge.
Quand AVIF, quand WebP
- AVIF pour les heros et grandes photos, genere au build.
- WebP pour le long tail et les uploads utilisateurs.
- Les deux via
picture. - Pas d AVIF pour les icones < 5 KB.
- Ni l un ni l autre pour SVG ou GIF anime.
JPEG XL et HEIC
JPEG XL standardise en 2022 (ISO/IEC 18181). Chrome retire en 2023, Safari 17 (septembre 2023). HEIC est proprietaire Apple, non supporte sur le web.
Inconvenients AVIF
- Encodage lent.
- Decodage plus lourd sur vieux mobiles.
- Support email limite.
- Previsualisations sociales (Facebook, LinkedIn) demandent souvent du JPEG.
Comment InspectWP aide ?
InspectWP analyse chaque image et indique le format, le poids et si AVIF ou WebP economiserait de la bande passante.