Comparaison rapide
| Fonctionnalité | AVIF | PNG |
|---|---|---|
| Compression | Avec et sans perte | Sans perte uniquement |
| Taille photo (1080p) | 50–150 Ko | 2–8 Mo |
| Transparence | Canal alpha complet | Canal alpha complet |
| Profondeur de couleur | 8, 10, 12 bits | 8, 16 bits |
| Support HDR | Oui (PQ, HLG) | Non |
| Animation | Oui (séquence AVIF) | Non (APNG est séparé) |
| Support navigateurs | ~95 % (Chrome, Firefox, Edge, Safari 16.4+) | 100 % (universel) |
| Support logiciels | Limité (en croissance) | Universel |
| Vitesse d’encodage | Lent (intensif en CPU) | Rapide |
| Vitesse de décodage | Modérée | Très rapide |
| Qualité sans perte | Pixel parfait | Pixel parfait |
| Standard | AV1 (2018, AOM) | ISO/IEC 15948 (1996, W3C) |
| Idéal pour | Photos web, miniatures | Graphismes, captures d’écran, retouche |
Compression : pourquoi les fichiers AVIF sont-ils si légers ?
AVIF utilise le codec vidéo AV1 pour les images fixes. AV1 a été conçu par l’Alliance for Open Media (Google, Apple, Microsoft, Netflix et d’autres) et représente des décennies de recherche en compression vidéo appliquées aux images.
PNG utilise la compression DEFLATE (identique aux fichiers ZIP) appliquée à chaque rangée de pixels. Elle est sans perte — chaque pixel est préservé exactement. Cela garantit une qualité parfaite, mais les fichiers sont intrinsèquement volumineux pour les photographies.
La différence est spectaculaire pour les contenus photographiques :
- Une photographie 1920×1080 : PNG ~4 Mo vs AVIF ~100 Ko (40× plus petit)
- Une photographie 4K : PNG ~15 Mo vs AVIF ~300 Ko (50× plus petit)
- Un logo simple avec des couleurs unies : PNG ~15 Ko vs AVIF ~8 Ko (2× plus petit)
Les économies sont les plus importantes pour les photographies car la compression avec perte d’AVIF excelle à supprimer les redondances visuelles imperceptibles par l’œil humain. Pour les graphismes simples avec des couleurs unies, l’approche sans perte de PNG est déjà efficace, donc l’écart se réduit.
Qualité visuelle : avec perte vs sans perte
PNG est toujours sans perte. Chaque pixel de la sortie est identique à l’entrée. Cela fait de PNG la référence absolue pour :
- Captures d’écran (le texte doit être net au pixel près)
- Diagrammes et dessins techniques
- Logos et icônes
- Fichiers sources pour retouche ultérieure
- QR codes (chaque pixel compte)
AVIF prend en charge les modes avec et sans perte. En mode avec perte (par défaut), AVIF supprime des informations que l’œil humain ne perçoit pas facilement. À des réglages de haute qualité (CRF 18–23), la différence avec l’original est pratiquement invisible. À des réglages agressifs (CRF 40+), des artefacts de blocs et des décalages de couleurs deviennent visibles.
En mode sans perte, AVIF produit une sortie pixel parfaite tout comme PNG, mais avec des tailles de fichier environ 20–30 % plus petites. Cependant, l’encodage sans perte AVIF est très lent comparé à PNG.
Transparence
Les deux formats prennent en charge la transparence complète par canal alpha 8 bits — chaque pixel peut avoir 256 niveaux d’opacité, de totalement transparent à totalement opaque. Cela permet des bords anti-crénelés lisses, des dégradés et des superpositions semi-transparentes.
Différence clé : les fichiers AVIF transparents sont considérablement plus petits que les PNG transparents. Une photo produit sur fond transparent peut peser 3 Mo en PNG mais seulement 80 Ko en AVIF. Cela rend AVIF particulièrement attractif pour les images de produits e-commerce.
Support des navigateurs
PNG est supporté par tous les navigateurs jamais créés — 100 % de compatibilité, zéro risque.
Support AVIF en 2026 :
- Chrome 85+ (août 2020) — support complet
- Firefox 93+ (octobre 2021) — support complet
- Edge 85+ (identique à Chrome)
- Opera 71+ (identique à Chrome)
- Safari 16.4+ (mars 2023) — support complet
- Samsung Internet 16+ — support complet
- Internet Explorer — non supporté (fin de vie)
Le support mondial est d’environ 95 %. Pour les 5 % restants, utilisez l’élément <picture> avec un fallback PNG ou JPEG :
<picture>
<source srcset="image.avif" type="image/avif">
<img src="image.png" alt="Description">
</picture>
Support logiciels
C’est là que PNG dispose d’un avantage considérable. PNG est supporté par tous les éditeurs d’images, CMS, clients de messagerie, suites bureautiques et systèmes d’exploitation qui existent. Le support AVIF est en croissance mais reste limité :
| Logiciel | Support AVIF | Support PNG |
|---|---|---|
| Adobe Photoshop | v25.0+ (2024) | Toutes versions |
| GIMP | v2.10.32+ (plugin) | Toutes versions |
| Figma | Import uniquement (2024) | Support complet |
| Canva | Non | Support complet |
| WordPress | v6.5+ (2024) | Toutes versions |
| Shopify | Conversion automatique | Support complet |
| Windows Photos | Windows 11 (extension) | Toutes versions |
| macOS Aperçu | macOS 14+ | Toutes versions |
| Microsoft Office | Non | Support complet |
| Clients e-mail | Presque aucun | Universel |
C’est la principale raison pour laquelle les gens convertissent AVIF en PNG — l’image doit être utilisée dans un logiciel ou un flux de travail qui ne supporte pas encore AVIF.
Quand utiliser AVIF
- Photographies sur le web : images produits, bannières hero, images d’articles de blog. AVIF offre le meilleur rapport qualité/taille de tous les formats.
- Miniatures et galeries : des dizaines ou des centaines d’images sur une seule page bénéficient énormément d’une réduction de taille de 50–90 %.
- Contenu pour réseaux sociaux : téléchargements plus légers, partage plus rapide. Les plateformes qui acceptent AVIF l’afficheront en pleine qualité.
- Sites web mobile-first : des fichiers plus légers signifient un chargement plus rapide sur les connexions cellulaires et moins de données consommées pour les visiteurs.
- Distribution CDN : servir AVIF aux navigateurs compatibles réduit significativement les coûts de bande passante. Utilisez la négociation de contenu (en-tête
Accept) pour servir AVIF ou PNG/JPEG selon le cas.
Quand utiliser PNG
- Captures d’écran : le texte, les éléments d’interface et les bords nets doivent être parfaits au pixel près. AVIF avec perte peut légèrement flouter le texte.
- Logos et icônes : graphismes de type vectoriel avec couleurs unies et bords nets. PNG les gère efficacement et sans perte.
- Fichiers sources/archives : si vous devez retoucher l’image plus tard, conservez le PNG sans perte. La compression avec perte AVIF supprime des informations de façon permanente.
- Impression : les services d’impression acceptent universellement PNG et TIFF. Très peu acceptent AVIF.
- E-mail : les clients de messagerie ont un support AVIF quasi nul. PNG est le choix sûr pour les images dans les e-mails.
- Partage universel : vous envoyez une image à quelqu’un qui n’a peut-être pas le support AVIF ? Utilisez PNG.
- Sprites et assets de jeux : les moteurs de jeux et les outils de sprites attendent du PNG. La précision au pixel près est essentielle.
Et WebP ?
WebP se situe entre PNG et AVIF en termes d’efficacité de compression et de compatibilité :
| Mesure | PNG | WebP | AVIF |
|---|---|---|---|
| Taille photo (1080p) | ~4 Mo | ~200 Ko | ~100 Ko |
| Support navigateurs | 100 % | ~97 % | ~95 % |
| Support logiciels | Universel | Bon | Limité |
| Vitesse d’encodage | Rapide | Rapide | Lent |
| Résolution max | Illimitée | 16383×16383 | 8193×4320 (L5.1) |
Pour la distribution web, WebP est un compromis pragmatique : 50 % plus léger que PNG, support navigateurs quasi universel et bonne compatibilité logicielle. AVIF offre une meilleure compression mais avec un encodage plus lent et moins de compatibilité. De nombreux sites web servent AVIF avec WebP en fallback, et PNG comme dernier recours.