Introduction
Vous uploadez une image sur un site moderne et vous remarquez que le fichier finit en .avif au lieu de .jpg ou .png. Votre navigateur l'affiche bien, mais quand vous essayez de la télécharger et de l'ouvrir dans votre éditeur photo, ça sort en erreur. AVIF est le format d'image conventionnel le plus récent et il apparaît de plus en plus partout sur le web. Dans cet article, on décortique ce qu'est vraiment AVIF, pourquoi des grosses plateformes comme Netflix et Google le poussent, où il a du sens de l'utiliser et comment passer des fichiers AVIF en PNG ou JPG quand vous devez les éditer ou les partager.
Pourquoi ça arrive
AVIF signifie AV1 Image File Format. Il est construit sur le codec vidéo AV1, développé par l'Alliance for Open Media comme alternative libre de droits aux codecs plus anciens. Le grand triomphe d'AVIF, c'est l'efficacité de compression. Un fichier AVIF peut faire la moitié de la taille d'un WebP et jusqu'à dix fois plus petit qu'un JPEG avec une qualité visuelle similaire, grâce à des fonctions avancées comme la profondeur de couleur 10 bits, le support HDR et la synthèse de grain de film. Netflix, Google Images et WordPress servent de l'AVIF aux navigateurs compatibles parce que ça coupe la facture de bande passante de façon dramatique. Le problème, c'est la compatibilité. AVIF marche sur Chrome, Firefox, Edge et Opera, mais Safari n'a ajouté le support complet que récemment, et beaucoup d'éditeurs d'image, de réseaux sociaux et d'apps anciennes ne reconnaissent toujours pas le format.
3 solutions
Solution 1 : Servir de l'AVIF sur votre site avec un fallback JPG. Utilisez l'élément picture de HTML pour offrir de l'AVIF aux navigateurs modernes et du JPG aux anciens. Le meilleur des deux mondes pour la performance web, puisque les visiteurs sous Chrome ou Firefox reçoivent l'AVIF minuscule tandis que ceux sous Safari ou des navigateurs anciens voient toujours une image fonctionnelle. C'est l'approche qu'utilisent Netflix et WordPress en production et elle permet de couper la bande passante sans sacrifier la compatibilité.
Solution 2 : Convertir l'AVIF en PNG pour éditer. Quand vous devez ouvrir un AVIF dans Photoshop ou GIMP, passez-le d'abord par un convertisseur piczen de avif vers png. Le PNG conserve la qualité complète et toute transparence qu'avait l'AVIF, donc vous pouvez éditer chaque pixel sans perte. C'est le bon mouvement quand vous téléchargez un AVIF d'un site et devez le composer dans un design ou le retoucher dans un éditeur de bureau qui ne gère pas l'AVIF nativement.
Solution 3 : Convertir l'AVIF en JPG pour partager. Pour les réseaux sociaux ou le mail, convertissez l'AVIF en JPG pour que les destinataires puissent l'ouvrir sans logiciel spécial. La plupart des réseaux et messageries ne gèrent pas encore l'AVIF, et en envoyer un finit souvent en preview blanc ou erreur de téléchargement. Une conversion rapide en JPG avant de partager évite au destinataire de devoir deviner pourquoi l'image ne s'ouvre pas.
Guide étape par étape
Si vous avez téléchargé un AVIF et devez l'ouvrir, la voie la plus rapide est un convertisseur de navigateur. Ouvrez l'outil de avif vers png dans n'importe quel navigateur moderne. Glissez votre fichier AVIF sur la page ou cliquez pour parcourir. L'outil décode l'AVIF avec un décodeur côté serveur et le réencode en PNG, ce qui conserve chaque pixel de l'original y compris toute transparence. Cliquez sur Télécharger et vous obtenez un PNG qui s'ouvre dans n'importe quel éditeur de la planète, de Photoshop à GIMP en passant par l'app Photos du mobile. Si vous êtes développeur web et voulez servir de l'AVIF sur votre propre site, le mieux est d'utiliser un CDN comme Cloudflare ou imgix qui auto-convertit vos uploads JPG en AVIF à la volée. Accompagnez l'AVIF d'un fallback JPG dans un élément picture pour que les navigateurs anciens reçoivent une image fonctionnelle au lieu d'un écran blanc. Testez votre config sur plusieurs navigateurs, dont Safari et de vieilles versions de Chrome, puisque le rendu AVIF peut varier légèrement entre moteurs.
Avantages et inconvénients
AVIF gagne sur la taille et la qualité. Pour une photo de produit typique, un AVIF de 50 Ko a souvent l'air meilleur qu'un JPG de 150 Ko, une victoire énorme pour les temps de chargement et la consommation de data mobile, surtout pour les utilisateurs en connexion lente sur des marchés émergents. Il gère aussi des fonctions modernes comme la couleur 10 bits, le HDR, le large gamut et la synthèse de grain que le JPG ne peut tout simplement pas égaler, ce qui en fait le format choisi par les plateformes de streaming comme Netflix. La contrepartie, c'est le fossé de compatibilité. Les navigateurs anciens, la plupart des éditeurs d'image et une quantité surprenante de réseaux sociaux ne gèrent pas encore l'AVIF nativement, donc il faut des fallbacks pour une expérience fluide. Safari n'a ajouté le support complet que récemment et beaucoup de galeries mobiles ne l'affichent toujours pas. Pour la livraison web avec des fallbacks adaptés, AVIF est une victoire claire. Pour les fichiers que vous devez éditer, partager ou imprimer, convertissez-les d'abord en PNG ou JPG.