Convertir PNG en AVIF — transparence conservée, poids divisé
Convertir PNG en AVIF : garder la transparence sans ralentir le site
Il existe une situation dans laquelle les développeurs web sont restés coincés des années : une image a besoin d’un fond transparent, elle doit donc être en PNG — et les fichiers PNG sont lourds. Une photo de produit détourée en pleine largeur d’écran atteint vite 2 Mo. Avec huit images de ce type, la page est perdue.
Le JPG n’était pas une solution, faute de transparence. On était donc pris au piège.
L’AVIF résout exactement ce conflit
L’AVIF prend en charge un canal alpha complet et compresse en même temps avec perte. Un PNG de 2 Mo devient ainsi fréquemment un AVIF de 150 à 300 Ko : une économie de 85 à 92 pour cent avec la transparence préservée.
Pour des photos de produits détourées, des illustrations aux ombres douces et des visuels de grande surface avec dégradés, c’est le gain le plus important qu’on puisse obtenir sur des images.
Quand rester en PNG
Tous les PNG n’y gagnent pas. Sur un graphique simple à peu d’aplats — une icône, un logo sobre, un schéma — le PNG travaille déjà très efficacement. Un fichier AVIF peut alors s’avérer plus lourd, et la compression avec perte peut créer de légères imprécisions sur les bords francs.
Restez également en PNG s’il s’agit de votre fichier de travail. L’AVIF est un format de diffusion pour le web, pas un format destiné aux retouches et aux enregistrements répétés.
La règle pratique
Photos détourées, illustrations avec dégradés, grandes surfaces avec transparence : convertir en AVIF. Icônes, dessins au trait, captures contenant du texte, fichiers de travail : rester en PNG.
Ne pas oublier le format de repli
Les appareils très anciens ne connaissent pas l’AVIF. En production, placez l’AVIF en première source de l’élément picture et le PNG d’origine en seconde : les navigateurs modernes prendront le fichier léger, les plus anciens reviendront à l’original.
Traitement sans téléversement
Les photos de produits détourées sont souvent ce qu’une marque possède de plus précieux, surtout avant publication. ImageXpo ne transfère rien : l’encodage s’exécute via WebAssembly dans votre navigateur, même pour plusieurs centaines de fichiers.
Questions fréquentes
Le fond transparent est-il conservé ?
Oui, intégralement. L’AVIF prend en charge un canal alpha complet. C’est l’avantage décisif face au JPG et la raison pour laquelle cette voie est si utile sur des images détourées.
Mon fichier AVIF est plus lourd que le PNG, comment est-ce possible ?
Cela arrive sur des graphiques à peu d’aplats, comme des icônes ou des logos simples, car le PNG stocke déjà ce contenu très efficacement. L’AVIF déploie sa force sur les photos et les dégradés doux : restez alors en PNG.
Puis-je utiliser l’AVIF comme fichier de travail ?
Mieux vaut éviter. L’AVIF compresse avec perte, donc chaque nouvel enregistrement dégrade la qualité. Conservez le PNG comme fichier de travail et ne produisez l’AVIF que pour la diffusion web.
Et les navigateurs anciens ?
Tous les navigateurs actuels affichent l’AVIF, les appareils très anciens non. Intégrez-le via un élément picture avec le PNG en seconde source et chaque appareil recevra une version affichable.