AVIF, WebP ou JPEG : choisir le format selon l’image et son usage
Choisissez le format d’image selon le visuel, la taille affichée et la qualité réellement conservée. AVIF et WebP peuvent réduire le poids de nombreux fichiers ; JPEG reste adapté à de nombreux usages photographiques. Le bon choix se vérifie sur vos images et vos navigateurs cibles, pas sur l’extension seule.
Comparer à dimensions égales
Exportez le même visuel dans les formats envisagés avec des dimensions comparables. Examinez les détails importants : texture, petit texte, dégradé, contours et couleurs du produit. Une image beaucoup plus légère peut simplement être plus petite ou plus dégradée.
Le guide MDN des formats d’image décrit leurs caractéristiques et leurs compatibilités. Les réglages d’encodage influencent aussi le résultat ; un format moderne mal préparé ne garantit pas un fichier plus intéressant.
Tenir compte du type de visuel
Une photo, un logo et une capture d’interface n’ont pas les mêmes contraintes. Une compression acceptable pour un arrière-plan peut rendre illisible le texte d’une capture. Un logo vectoriel officiel peut rester préférable à une conversion photographique qui dégrade ses contours.
Vérifiez la transparence lorsqu’elle est nécessaire. Testez également le fond réel de la page : un contour clair ou un fond opaque oublié peut ne pas se voir dans l’outil d’export et devenir très visible sur le site.
Préparer la bonne taille pour chaque écran
Le format ne corrige pas l’envoi d’une image immense pour une petite vignette. Préparez des tailles adaptées et contrôlez la ressource effectivement téléchargée dans les outils du navigateur. Tenez compte de la densité d’affichage sans multiplier les fichiers inutilement.
Le guide LCP complète le cas de l’image principale. Charger rapidement le mauvais fichier ou attendre trop longtemps avant de découvrir l’image peut annuler l’intérêt d’une compression supplémentaire.
Vérifier la livraison et le résultat
Contrôlez le type de fichier réellement renvoyé, le cache et l’éventuel traitement par le CDN. Une URL qui se termine par JPEG peut être transformée par l’infrastructure ; le nom ne suffit pas à décrire la réponse.
Mesurez ensuite le poids transféré et l’affichage sur les appareils représentatifs. Gardez les originaux et les paramètres d’export utiles pour refaire les variantes. Une optimisation réussie préserve les informations dont le visiteur a besoin pour choisir, en réduisant le travail de téléchargement et de rendu réellement observé.
Questions fréquentes
Faut-il convertir toutes les images du site en AVIF ?
Pas sans comparaison. Vérifiez le type d’image, la qualité visible, le poids et les contraintes d’affichage. Le format doit répondre à l’usage, pas seulement sembler plus récent.
Comment comparer AVIF, WebP et JPEG correctement ?
Exportez une même image avec des dimensions comparables, puis examinez la qualité et le poids dans son affichage prévu. Des réglages différents peuvent fausser la comparaison.
Pourquoi les dimensions comptent-elles autant que le format ?
Une image beaucoup plus grande que sa zone d’affichage peut rester inutilement lourde. Préparez des fichiers adaptés aux écrans et aux usages réellement servis.
Que faut-il vérifier sur une image de produit ou un logo ?
La fidélité des détails, des couleurs, des contours et de la transparence selon le fichier. Une compression plus petite ne convient pas si elle dégrade une information utile au choix ou à l’identité.
Comment contrôler le fichier réellement livré au navigateur ?
Examinez les ressources chargées dans le contexte de la page et du viewport. Le fichier présent dans la médiathèque n’est pas toujours celui qui est effectivement affiché.
Sources
Documentation consultée le 23 octobre 2026.