Deux formats d’image nouvelle génération dominent désormais la discussion sur la performance web : l’AVIF (AV1 Image File Format) et le WebP (format de Google de 2010, désormais en v2). Tous deux battent nettement le JPEG, mais avec des compromis très différents en compression, qualité, vitesse d’encodage et support navigateur.
<picture>. Proposez l’AVIF d’abord aux navigateurs compatibles ; repli sur WebP ; puis JPEG. Vous obtenez une compression optimale pour chaque visiteur sans sacrifier la compatibilité.| Format | Taille vs JPEG | Vitesse d’encodage | Support navigateur | Sans perte | Animation |
|---|---|---|---|---|---|
| AVIF | 40–50 % plus léger | Lent (5–20×) | ~85 % | ✓ | ✓ |
| WebP | 25–34 % plus léger | Rapide (1–3×) | 97 %+ | ✓ | ✓ |
| JPEG | Référence | Très rapide | Universel | ✗ | ✗ |
| PNG | 3–5× plus lourd | Rapide | Universel | ✓ | ✗ |
L’AVIF dérive du codec vidéo AV1 (la technologie derrière le streaming le plus efficace de Netflix et YouTube). Sa compression est vraiment remarquable — à qualité visuelle égale, les fichiers AVIF sont généralement 40–50 % plus légers que le JPEG et 20–30 % plus légers que le WebP.
L’AVIF excelle particulièrement pour :
La faiblesse principale est la vitesse d’encodage. Générer un AVIF depuis un JPEG peut prendre 5 à 20× plus de temps qu’un WebP. Pour un grand catalogue e-commerce de 50 000 images produits, cela devient une préoccupation de temps de build importante.
Le WebP est le format recommandé par Google depuis 2010 et a atteint un support vraiment universel vers 2022, quand Safari a ajouté le support complet. Ses atouts :
La faiblesse principale du WebP est de rester légèrement derrière l’AVIF en pure efficacité de compression, surtout pour les images de très haute qualité ou HDR.
| Navigateur | WebP | AVIF |
|---|---|---|
| Chrome 85+ | ✅ Complet | ✅ Complet (depuis Chrome 85) |
| Firefox 65+ | ✅ Complet | ✅ Complet (depuis Firefox 93) |
| Safari 14+ | ✅ Complet | ✅ Complet (depuis Safari 16, sept. 2022) |
| Edge 18+ | ✅ Complet | ✅ Complet (basé sur Chromium) |
| iOS Safari 14+ | ✅ Complet | ✅ Complet (iOS 16+) |
| iOS Safari 15 et antérieur | ✅ Complet | ❌ Non pris en charge |
| Internet Explorer | ❌ Non | ❌ Non |
<picture> avec un repli WebP/JPEG. Incluez toujours un repli.La bonne pratique est de servir l’AVIF là où il est pris en charge et le WebP ou JPEG en repli. L’élément <picture> gère cela automatiquement :
Les navigateurs essaient chaque <source> dans l’ordre et utilisent le premier qu’ils prennent en charge. Les utilisateurs Chrome obtiennent l’AVIF. Ceux de Safari 15 obtiennent le WebP. Les utilisateurs IE11 (s’il en reste) obtiennent le JPEG.
Pour la plupart des sites : servez le WebP comme format principal avec un repli JPEG. Cela couvre 97 %+ des navigateurs avec une excellente compression et un encodage rapide.
Pour les pages critiques en performance et riches en images (e-commerce, portfolios photo, sites d’actualité) : ajoutez l’AVIF via <picture> comme source de premier choix. Les 20–30 % d’économie supplémentaires peuvent améliorer significativement le LCP et réduire les coûts de bande passante à grande échelle.
Évitez totalement le GIF. Utilisez plutôt le WebP animé ou <video autoplay loop muted playsinline>.
L’AVIF atteint une compression 20–40 % meilleure que le WebP à qualité visuelle égale. Mais le WebP encode 5–10× plus vite et a un support navigateur quasi universel (97 %+) contre ~85 % pour l’AVIF. Pour la plupart des sites, le WebP est le choix par défaut le plus sûr ; ajoutez l’AVIF en amélioration optionnelle via <picture>.
Oui, depuis Safari 16 (septembre 2022 avec iOS 16 et macOS Ventura). En 2026, tous les principaux navigateurs modernes prennent en charge l’AVIF, mais pas les anciens appareils iOS sous Safari 15 ou antérieur. Incluez toujours un repli WebP ou JPEG.
Utilisez les deux via l’élément <picture> : AVIF d’abord, WebP ensuite, JPEG en repli final. Cela sert le format optimal à chaque visiteur sans sacrifier la compatibilité.
Optimisez vos fichiers JPEG et PNG dans votre navigateur. Sans téléversement, sans compte, résultats instantanés.
Compresser des images maintenant →Dernière mise à jour : avril 2026. Données de support navigateur de caniuse.com. Les ratios de compression sont des moyennes représentatives sur un jeu de test varié.