L'AVIF est le format d'image de nouvelle génération qui promet des fichiers 50% plus petits que le JPEG avec une meilleure qualité. Mais si vous sélectionnez l'AVIF comme format de sortie et que le fichier devient plus gros au lieu de plus petit — c'est que votre navigateur ne prend pas réellement en charge l'encodage AVIF.

Qu'est-ce que l'AVIF ?

L'AVIF (AV1 Image File Format) est un format d'image moderne basé sur le codec vidéo AV1. Il a été développé par l'Alliance for Open Media (AOMedia) et offre des capacités de compression vraiment impressionnantes :

  • 50% plus petit que le JPEG à qualité visuelle équivalente
  • 20% plus petit que le WebP à qualité équivalente
  • Prend en charge le contenu HDR (Haute Plage Dynamique)
  • Prend en charge la transparence (canal alpha)
  • Prend en charge l'animation (remplaçant le GIF)
  • Sans redevance et open source

À tous points de vue, l'AVIF est l'avenir des images web. Cependant, il y a une distinction importante entre décoder (visualiser) et encoder (créer) des images AVIF.

Décodage vs encodage : la différence clé

La plupart des navigateurs modernes peuvent afficher les images AVIF sans problème. Chrome, Firefox, Safari et Edge prennent tous en charge le décodage AVIF — ce qui signifie qu'ils peuvent afficher des images AVIF sur des pages web sans aucun souci.

Mais l'encodage — créer réellement un fichier AVIF à partir de zéro — est une toute autre histoire. Cela nécessite que le navigateur implémente l'encodage AVIF dans son API Canvas, ce qui est coûteux en calcul et beaucoup plus difficile à implémenter que le décodage.

Prise en charge de l'encodage AVIF par navigateur (à mars 2026)

NavigateurDécodage AVIFEncodage AVIF (canvas.toBlob)
Chrome 121+✅ Oui✅ Oui
Firefox✅ Oui❌ Non
Safari✅ Oui❌ Non
Edge✅ Oui✅ Oui (basé sur Chromium)
Chrome mobile✅ Oui✅ Oui
Safari mobile✅ Oui❌ Non

Ce qui se passe réellement quand votre navigateur ne prend pas en charge l'encodage AVIF

C'est ici que les choses deviennent intéressantes — et déroutantes. Quand vous sélectionnez l'AVIF comme format de sortie mais que votre navigateur ne peut pas l'encoder, voici ce qui se passe :

L'alternative silencieuse

La méthode canvas.toBlob(callback, 'image/avif', quality) de l'API Canvas ne lève pas d'erreur lorsque l'encodage AVIF n'est pas pris en charge. Au lieu de cela, elle fait quelque chose de discret :

  1. Elle revient silencieusement au format PNG
  2. Le type MIME du blob résultant devient image/png au lieu de image/avif
  3. Le fichier est enregistré avec une extension .avif, mais le contenu réel est du PNG

Cela signifie que votre fichier « AVIF » est en réalité un PNG déguisé — et le PNG est un format sans perte qui produit généralement des fichiers 3 à 5 fois plus grands que le JPEG original. C'est pourquoi votre image semble avoir grossi 5 fois !

L'impact réel

Imaginez ce scénario : vous téléversez une photo JPEG de 500 Ko et sélectionnez l'AVIF comme format de sortie, en vous attendant à un fichier d'environ 250 Ko. Mais à la place :

  • Votre navigateur produit silencieusement du PNG → le fichier devient 2.5 Mo
  • L'extension du fichier indique .avif mais le contenu est du PNG
  • D'autres outils peuvent échouer à l'ouvrir car l'extension ne correspond pas au contenu
  • Vous pourriez penser que l'AVIF est un format terrible, alors qu'en réalité votre navigateur ne le prend simplement pas en charge

Comment nous détectons la prise en charge AVIF

Img Zip détecte proactivement si votre navigateur prend en charge l'encodage AVIF. Nous créons un minuscule canvas de 1×1 pixel et tentons de l'encoder en AVIF :

canvas.toBlob(blob => {
  if (blob !== null && blob.type === 'image/avif') {
    // L'encodage AVIF est pris en charge !
  } else {
    // Non pris en charge — affichera un avertissement
  }
}, 'image/avif');

Si le navigateur renvoie un blob d'un type différent (comme image/png) ou null, nous savons que l'encodage AVIF n'est pas disponible, et nous affichons clairement un avertissement « Navigateur non pris en charge » sur le sélecteur de format.

Et le format ICO ?

Les fichiers ICO (icône) ont un problème similaire. L'API Canvas ne prend pas du tout en charge l'encodage ICO — aucun navigateur ne l'implémente. Quand vous sélectionnez ICO comme sortie, le navigateur revient au PNG, ce qui donne un fichier avec une extension .ico mais un contenu PNG.

Pour les usages de favicon, les navigateurs modernes acceptent en réalité les fichiers PNG avec une extension .ico, donc cette solution de contournement fonctionne souvent. Mais ce n'est pas un vrai fichier ICO.

Que pouvez-vous faire si votre navigateur ne prend pas en charge l'AVIF ?

Option 1 : Utilisez le WebP à la place

Le WebP est pris en charge par tous les navigateurs modernes pour le décodage et l'encodage. Il offre une compression 25 à 35% meilleure que le JPEG — pas aussi bonne que les 50% de l'AVIF, mais excellente et universellement prise en charge.

Option 2 : Passez à un navigateur basé sur Chromium

Si l'encodage AVIF est important pour vous, Chrome 121+ et Edge (basé sur Chromium) offrent actuellement la meilleure prise en charge. Les deux peuvent encoder l'AVIF via l'API Canvas.

Option 3 : Utilisez un logiciel de bureau

Pour un encodage AVIF professionnel, des outils de bureau dédiés comme squoosh (l'outil de Google), libavif ou Photoshop avec des plugins AVIF fournissent un encodage fiable indépendamment de la prise en charge du navigateur.

L'avenir de la prise en charge AVIF dans les navigateurs

La bonne nouvelle est que la prise en charge de l'encodage AVIF s'élargit. À mesure que le codec AV1 devient plus répandu (porté par l'adoption du streaming vidéo), les éditeurs de navigateurs investissent davantage dans la prise en charge de l'encodage. Nous nous attendons à ce que Firefox et Safari ajoutent l'encodage AVIF Canvas dans de futures mises à jour.

Une fois que tous les principaux navigateurs prendront en charge l'encodage AVIF, des outils basés sur navigateur comme Img Zip pourront offrir la compression AVIF à tout le monde — fournissant l'optimisation d'image absolue sans aucune installation de logiciel.

Conclusion

L'AVIF est un format incroyable, mais la prise en charge de l'encodage navigateur est encore en train de rattraper son retard. Si vous voyez un avertissement « Navigateur non pris en charge » en sélectionnant l'AVIF, ne vous inquiétez pas — ce n'est pas un bug, c'est une limitation de votre navigateur actuel. Utilisez le WebP comme alternative fiable, ou passez à un navigateur basé sur Chromium pour une prise en charge complète de l'encodage AVIF.

Img Zip sera toujours transparent sur ce que votre navigateur peut et ne peut pas faire, pour que vous n'obteniez jamais de résultats inattendus.

Essayez de compresser vos images maintenant — nous détecterons automatiquement ce que votre navigateur prend en charge.