Convertir PNG en AVIF

PNG est exact et coûteux. Il ne jette jamais un pixel, ce qui en fait le bon format pour un logo ou une capture d’écran, et ce qui fait qu’une page qui en compte vingt pèse assez pour qu’un audit de performance s’en plaigne.

AVIF attaque le problème par l’autre bout. Le format vient d’un codec vidéo moderne et applique cette mécanique à une image fixe, ce qui explique pourquoi il tombe couramment à la moitié du PNG, voire moins, sur une photographie, garde un véritable canal alpha et reste identique à la taille d’affichage normale. Sur une page de photos produit, c’est la différence entre une première impression lente et une rapide.

La plupart des personnes qui arrivent ici sont déjà passées au WebP et se demandent si l’étape suivante vaut le coup. Sur les photographies, elle le vaut généralement : à qualité comparable, AVIF produit souvent un fichier vingt à trente pour cent plus petit que WebP, et gère les dégradés et les ciels lisses avec nettement moins de bandes.

Sur l’autre moitié du web, la réponse s’inverse. Les graphiques d’interface en aplats, les icônes, les diagrammes, les captures d’écran — tout ce pourquoi PNG a été conçu — se compressent déjà si bien qu’AVIF produit parfois un fichier plus gros que WebP. Convertissez cinq images représentatives de votre site et comparez les tailles en octets. Cela prend dix minutes et cela bat n’importe quelle règle générale, y compris celle-ci.

L’encodage AVIF fait bien plus de travail que celui du PNG ou du WebP. Le codeur cherche beaucoup plus loin les redondances qu’il peut décrire de façon compacte, et cette recherche prend du temps — attendez-vous à une pause visible par fichier, et à plusieurs secondes pour une grande photographie, même sur une machine rapide.

Le coût se paie une fois, sur votre ordinateur, au moment de la conversion. Chaque visiteur télécharge ensuite un fichier plus petit. C’est un bon marché pour des ressources de site et un mauvais marché pour un fichier dont vous avez besoin tout de suite, ce qui mérite d’être gardé en tête quand vous déposez deux cents fichiers et allez faire un café.

AVIF porte un véritable canal alpha, et la transparence qui vous avait forcé à rester en PNG n’est plus une raison de le faire. Une photo produit détourée, une icône aux coins arrondis, un logo qui doit se poser sur n’importe quelle couleur de fond — tout cela se convertit sans couleur de remplissage à choisir et sans halo sur les bords.

C’est la différence pratique principale avec la conversion en JPG, où la transparence doit être jetée et remplacée par quelque chose, et c’est pourquoi AVIF peut remplacer PNG dans tout un dossier de ressources plutôt que seulement dans la partie photographique.

Le réglage par défaut se situe à un niveau où la différence avec le PNG est invisible à la taille d’affichage normale tandis que le fichier est une fraction de la taille d’origine. Pour les photographies, les captures d’écran et les images de site en général, laissez-le à cette valeur.

Montez vers le haut pour les images qui seront agrandies, ou qui portent du texte fin ou des traits d’un pixel, là où la compression agressive se voit le plus. Baissez-le pour les grandes images décoratives que personne ne regarde de près. Le seul piège à éviter est de traiter le fichier converti comme l’original — gardez le PNG, parce qu’une qualité une fois donnée ne se récupère pas en reconvertissant.

La prise en charge par les navigateurs n’est plus un problème depuis des années : Chrome, Edge, Firefox, Safari et les navigateurs mobiles l’affichent. Si l’image va sur une page web, elle sera vue.

Les échecs sont ailleurs. Les visionneuses d’images sur ordinateur, les galeries de téléphone plus anciennes, les applications de messagerie, de nombreux formulaires de téléversement et quantité de logiciels de gestion ne reconnaissent toujours pas le format. N’envoyez pas un AVIF en pièce jointe et ne l’utilisez pas comme fichier qu’un client va télécharger — pour cela, gardez le JPG ou le PNG. AVIF est un format de diffusion pour le web, pas un format universel.

La configuration standard est un élément picture avec plusieurs sources : AVIF en premier, WebP en deuxième, et le PNG ou JPG d’origine en repli avec img. Chaque navigateur prend le premier format qu’il comprend et tout le monde obtient une image qui marche, sans avoir à décider à la place du visiteur.

Cela ne fonctionne que si vous gardez les originaux. Convertissez une copie du dossier de ressources plutôt que de convertir en place, et gardez les PNG en gestion de versions — ils seront la source à partir de laquelle le prochain format sera aussi généré, le jour où il arrivera.

Déposez le dossier entier. Chaque fichier est converti à tour de rôle sur votre propre machine avec sa propre progression, garde son nom de fichier avec l’extension changée, et le tout revient dans un seul ZIP prêt à intégrer à la compilation.

Comme rien n’est téléversé, il n’y a ni file d’attente, ni attente par fichier, ni quota journalier — ce qui compte davantage ici que sur la plupart des conversions, parce que l’encodage AVIF est la partie lente et qu’un service hébergé vous facturerait ce temps sur le processeur de quelqu’un d’autre.

Un PNG peut porter des chunks de texte, et un sous-ensemble appelé eXIf peut transporter les mêmes champs EXIF qu’un JPG : modèle d’appareil, date, coordonnées GPS. Sur la conversion vers AVIF, ces chunks ne survivent pas. Le pipeline décode jusqu’aux pixels et réencode sans aucun moyen de les transporter.

C’est la règle générale pour toute conversion vers un format d’image bitmap : EXIF, GPS, XMP, IPTC et le profil ICC sont tous perdus. Le fichier AVIF qui sort ne porte plus de métadonnées de prise de vue, ce qui est plutôt une bonne nouvelle si vous vous apprêtiez à publier la photo d’iPhone prise à la maison, et une mauvaise si vous comptiez sur la géolocalisation pour ranger vos images.