JPG, PNG, WebP ou AVIF : quel format choisir

Quatre formats d’image couvrent presque tout sur le web et les téléphones aujourd’hui : JPEG, PNG, WebP et AVIF. Le conseil habituel (« utilisez le WebP, c’est plus léger ») est vrai mais vague. Plus léger de combien, sur quelles images, et l’AVIF vaut-il l’étape de plus ? Nous avons encodé les six mêmes photos dans chaque format et mesuré à la fois le poids et la fidélité de chaque résultat à l’original.

Comment fonctionne le test

Nous avons utilisé six photos de natures différentes : un chat à poils longs sur fond doux, un lac entouré de forêt, une tasse de café tenue par des gants tricotés, une enseigne au néon la nuit, un ara aux plumes fines et un coucher de soleil aux dégradés lisses. Chacune a été ramenée à 2048 pixels de large, une taille courante pour les pages web, puis encodée avec les mêmes encodeurs et réglages que notre compresseur d’images : MozJPEG, libwebp et libavif.

Comparer les formats au même réglage de qualité est trompeur, car « qualité 75 » ne veut pas dire la même chose d’un encodeur à l’autre. Pour chaque photo et chaque format, nous avons donc cherché le réglage le plus bas qui maintient le résultat au même score SSIM, une mesure standard de la ressemblance perçue entre deux images, de 0 à 1. Nous avons utilisé deux niveaux : 0,98, difficile à distinguer de l’original à taille normale, et 0,95, où un œil attentif commence à voir du flou ou des blocs.

Résultats en haute qualité

En haute qualité, le WebP a demandé 45 % de place en moins que le JPEG, et l’AVIF 51 % de moins. Le PNG, qui stocke chaque pixel exactement, a pris cinq fois plus que le JPEG.

Les totaux cachent de grands écarts d’une photo à l’autre :

Les photos riches en détails fins et nets, comme les plumes, le feuillage et les enseignes lumineuses, ont le plus gagné. Pour garder ces détails en haute qualité, le JPEG a dû monter à un réglage entre 90 et 98, où ses fichiers grossissent vite. Les photos douces aux fonds lisses se compressent bien dans tous les formats, et les formats récents ont donc moins de marge. Sur la photo du café, la texture tricotée convenait même mieux au WebP qu’à l’AVIF.

Résultats quand les fichiers doivent être petits

Au niveau inférieur, SSIM 0,95, les six photos totalisaient 1 011 Ko en JPEG, 844 Ko en WebP et 683 Ko en AVIF : 17 et 32 % de moins que le JPEG. Les écarts diminuent en pourcentage, mais ce que l’on voit à poids donné change davantage, car le JPEG se dégrade de façon plus visible. Voici la tête de l’ara avec chaque fichier limité aux mêmes 100 Ko pour toute la photo :

JPEG, 99 KoAVIF, 95 Ko

Les dégradés lisses montrent la même chose. Sur le coucher de soleil limité à environ 39 Ko, les blocs du JPEG apparaissent dans le ciel, le WebP les adoucit, et l’AVIF garde les transitions de couleur presque intactes (SSIM 0,939, 0,956 et 0,974) :

JPEG, 39 KoAVIF, 38 Ko

Les captures d’écran et graphiques sont différents

Les photos sont le cas pour lequel les formats avec perte ont été conçus. Les captures d’écran, graphiques, schémas et logos ont de grandes zones unies et du texte net, et là le tableau change. Nous avons dessiné un graphique simple avec du texte, de 1600 sur 1000 pixels, et l’avons enregistré dans chaque format :

Pour ce type d’image, le PNG est aussi léger qu’un JPEG et garde chaque pixel exactement : le JPEG n’a rien à offrir. Le WebP et l’AVIF sont encore plus légers, mais ils adoucissent légèrement les bords du texte, ce qui compte pour des captures que l’on doit pouvoir lire.

JPEG 75PNG

Vitesse et compatibilité

Le coût d’encodage diffère aussi. Aux réglages par défaut dans le navigateur, une photo de 2048 pixels a pris environ 0,5 seconde en WebP, 0,6 seconde en JPEG avec l’optimisation supplémentaire de MozJPEG et 1,3 seconde en AVIF, avec le réglage de vitesse rapide de libavif. Pour un lot de quelques centaines de photos, cela se compte en minutes, pas en heures, mais l’AVIF est clairement le plus lent à produire.

Toutes les versions actuelles de Chrome, Edge, Firefox et Safari affichent le WebP et l’AVIF : pour les sites web, les deux sont sûrs aujourd’hui, avec un repli en JPEG seulement si vous servez de très vieux appareils. En dehors du navigateur, c’est plus mitigé. Les clients e-mail, les imprimeurs, les vieux logiciels photo, les formulaires administratifs et beaucoup d’applications de messagerie attendent encore du JPEG ou du PNG. Quand une photo quitte votre site, le JPEG reste le format que personne ne refuse.

Quel format choisir

• Photos sur un site web : AVIF ou WebP. L’AVIF a donné les fichiers les plus légers dans notre test ; le WebP était proche et plus rapide à encoder.
• Photos à envoyer, imprimer ou déposer ailleurs : JPEG en qualité 75 à 85, que tous les logiciels acceptent. Voir ce que changent vraiment les réglages de qualité JPEG.
• Captures d’écran, graphiques, logos et tout ce qui contient du texte : PNG, ou WebP si le poids compte plus que des pixels exacts.
• Images avec transparence : PNG, WebP ou AVIF. Le JPEG n’a aucune transparence.
• Photos que vous retoucherez : gardez un original intact, idéalement le fichier de l’appareil ou un PNG, et exportez une copie compressée pour chaque usage.

Vous pouvez essayer tout cela sur vos propres images avec le compresseur d’images, qui encode en JPEG, WebP, AVIF et PNG dans votre navigateur et montre le poids avant le téléchargement, ou convertir par lots avec le convertisseur d’images. Rien n’est envoyé.