JPG, PNG, WebP ou AVIF ?

Avant de comparer les formats, connaissez la division qui les pilote tous. Les formats sans perte stockent chaque pixel exactement et peuvent être rouverts et réenregistrés à jamais sans dégradation — PNG en est le principal. Les formats avec perte rejettent les informations que l'œil est peu susceptible de remarquer, échangeant un peu de qualité pour un fichier beaucoup plus petit — JPG, WebP et AVIF le font tous. Il n'y a pas un seul format « meilleur » car le bon choix dépend de la question de savoir si votre image est une photographie, un logo ou une capture d'écran, et de la question de savoir comment vous valorisez la taille par rapport à la compatibilité.

JPG (ou JPEG) est le vétéran. Il a été construit pour les photographies et utilise la compression avec perte réglée pour les dégradés lisses des images du monde réel. Il n'y a pas de transparence et sa compression peut laisser des artefacts en bloc autour des bords nets et du texte, c'est pourquoi c'est faux pour les logos et les captures d'écran. Son superpower est le support universel : chaque appareil, éditeur et site accepte un JPG.

PNG est le choix sans perte. Il préserve chaque pixel et supporte la transparence complète, ce qui en fait la norme pour les graphiques avec des bords durs, du texte, des captures d'écran d'interface utilisateur et tout ce qui a un arrière-plan transparent. Le coût est la taille du fichier : une photographie PNG est souvent plusieurs fois plus grande que la même photo en tant que JPG, donc PNG est un mauvais choix pour le contenu photographique sur le web.

WebP, de Google, est l'utilitaire moderne. Il offre à la fois des modes avec perte et sans perte plus la transparence et l'animation, et à une qualité similaire, il produit des fichiers environ 25-35 % plus petits que JPG et souvent beaucoup plus petits que PNG. Chaque navigateur actuel le supporte, ce qui en fait le défaut pragmatique pour un site web rapide aujourd'hui.

AVIF est le plus récent des quatre, basé sur la technologie moderne du codec vidéo. Il atteint généralement les fichiers les plus petits de tous — battant souvent WebP d'une large marge sur les photos — et supporte la transparence, la couleur large et la plage dynamique élevée. Le support est désormais large mais pas tout à fait universel, donc les sites servent généralement AVIF avec un retour WebP ou JPG pour les derniers anciens clients.

Une page web bien optimisée utilise rarement un seul format pour tout. Les photographies sortent en WebP ou AVIF pour la vitesse, avec un retour JPG. Les logos, icônes et tout ce qui a une transparence restent PNG — ou mieux, en tant que SVG s'il s'agit d'art vectoriel — car un format avec perte brouille leurs bords nets. Les captures d'écran de texte regardent le mieux en PNG pour la même raison.

Si vous n'êtes pas sûr qu'un changement en vaut la peine, convertissez une image représentative et comparez à la fois la taille du fichier et son apparence au zoom complet. La baisse de taille de JPG à WebP ou AVIF est souvent spectaculaire sans perte de qualité visible, c'est exactement le gain qui accélère le chargement des pages. Lorsque la compatibilité compte plus que les octets — une pièce jointe à un email, un ancien système, une imprimerie — revenez à JPG ou PNG, les deux formats qui fonctionnent partout.