JPG, PNG, WebP ou AVIF : différences et lequel choisir

La différence de base : avec ou sans perte

Il y a deux façons d’enregistrer une image. Avec perte (lossy), le format écarte des détails que l’œil remarque à peine pour obtenir un fichier beaucoup plus léger. Sans perte (lossless), il conserve l’image exactement telle qu’elle est, au prix d’un fichier plus gros. Cette différence explique presque tout le reste.

Les quatre formats en un tableau

La documentation de référence sur les formats web (MDN, en anglais) résume ainsi leur rôle : le JPEG est un bon choix pour la compression avec perte des images fixes et c’est le format le plus répandu ; le PNG est préféré quand il faut une reproduction plus précise de l’image ou de la transparence ; WebP et AVIF offrent une compression bien meilleure que PNG ou JPEG, avec transparence et animation, mais une prise en charge un peu plus limitée dans les navigateurs. Toujours selon MDN, l’AVIF offre une compression légèrement meilleure que le WebP, mais ne prend pas en charge l’affichage progressif et est un peu moins bien pris en charge.

Quel format choisir selon ce que vous faites

Envoyer une photo ou la déposer sur un formulaire : JPG

Tout le monde l’accepte : formulaires, sites administratifs, messagerie, logiciels anciens. Pour les photos d’appareil photo ou de téléphone, c’est le choix par défaut. Si votre photo vient d’un iPhone en HEIC, voyez comment la convertir en JPG.

Une capture d’écran, un logo ou un graphique avec du texte : PNG

Sans perte, les contours du texte et les lignes restent nets, alors qu’en JPG on voit des halos et du « bruit » autour des lettres. Et si vous avez besoin d’un fond transparent (un logo qui fonctionne sur n’importe quelle couleur), le PNG est la solution universelle. En contrepartie, une photo en PNG pèse beaucoup plus qu’en JPG.

Images d’un site web : WebP (ou AVIF avec une solution de repli)

Sur le web, un poids plus faible veut dire un chargement plus rapide. Le WebP est pris en charge par les principaux navigateurs (Chrome, Edge, Firefox, Opera et Safari) et c’est souvent l’option la plus équilibrée. L’AVIF compresse un peu plus, mais MDN recommande de prévoir des formats de repli mieux pris en charge (avec l’élément <picture>).

Icônes et schémas qui doivent rester nets à toute taille : SVG

Le SVG n’est pas une image de pixels mais un dessin vectoriel : il s’agrandit sans perdre en netteté. Idéal pour les logos, les icônes et les illustrations simples.

Animations : plutôt WebP ou AVIF que GIF

Le GIF est très compatible mais peu efficace : MDN conseille d’envisager WebP, AVIF ou APNG pour les séquences animées.

Imprimer : JPG de haute qualité ou PDF

Pour un imprimeur ou un laboratoire, fournissez l’image à la meilleure qualité disponible et à la bonne résolution. Avec le convertisseur d’images, vous pouvez passer d’un format à l’autre (JPG, PNG, WebP, et AVIF si votre navigateur sait en générer), et avec le compresseur, réduire le poids quand c’est nécessaire.

Combien pèse chaque format : une mesure réelle

Les comparaisons abstraites trompent : nous avons donc mesuré les mêmes fichiers avec les encodeurs du navigateur, ceux que notre convertisseur utilise (Chrome 152, qualité sur l’échelle de 0 à 1 du navigateur, qui ne correspond pas exactement d’un format à l’autre). La photo est une photographie de la NASA tombée dans le domaine public (« Aldrin Apollo 11 » sur Wikimedia Commons) réduite à 1 280 × 1 288 pixels ; la capture est un écran de 1 280 × 720 rempli de texte.

• La photographie en PNG pèse environ 5,8 fois plus qu’en JPG à la qualité 0,8 (2 270 contre 389 Ko), et environ 7,6 fois plus qu’en WebP à 0,8 (298 Ko). C’est la raison de ne pas utiliser le PNG pour des photos.
• Le WebP à 0,8 pèse 23 % de moins que le JPG à 0,8 (298 contre 389 Ko). Mais à la qualité 0,92 l’écart disparaît presque (484 contre 491 Ko) : le gain du WebP se voit surtout aux qualités moyennes.
• Sur la capture pleine de texte, le PNG (293 Ko) n’était pas plus petit que le JPG (218 Ko) ni que le WebP (147 Ko). Ce que le PNG apporte ici, c’est qu’il ne perd rien et garde le texte net, pas un poids moindre.
• Nous n’avons pas pu mesurer l’AVIF : quand on lui demande de l’AVIF, Chrome 152 renvoie un PNG, donc il ne sait pas en générer. Notre convertisseur vérifie les formats que votre navigateur sait créer et désactive les autres : l’option AVIF n’apparaît que là où elle fonctionne.

Ce sont les résultats de deux images précises, pas une règle : le gain dépend du contenu et de l’encodeur. Ils donnent l’ordre de grandeur.

Erreurs fréquentes à la conversion

• Convertir un JPG en PNG « pour avoir plus de qualité ». On ne la récupère pas : la perte a déjà eu lieu. On obtient seulement un fichier bien plus gros avec la même image.
• Enregistrer et réenregistrer en JPG. Chaque fois qu’un JPG est recompressé, il perd un peu de qualité (l’effet « copie de copie »). Travaillez toujours à partir de l’original et exportez à la fin.
• Mettre une photo en PNG sur un site web. Elle pèse beaucoup plus sans rien gagner de visible ; utilisez JPG, WebP ou AVIF.
• Passer un PNG transparent en JPG. Le JPG ne gère pas la transparence : les zones transparentes sont remplies d’une couleur de fond (souvent blanc ou noir).
• Changer l’extension à la main (de .webp en .jpg, par exemple). Renommer ne convertit pas le fichier : le contenu reste dans le même format.

Quand un formulaire impose un poids maximal

Si le problème n’est pas le format mais le poids (« l’image ne doit pas dépasser 100 Ko »), utilisez l’outil pour faire tenir une image sous un poids précis. Choisissez le JPG pour les photos : c’est le format qui équilibre le mieux qualité et poids quand la limite est stricte.

En bref

1. Photo à envoyer ou à déposer sur un formulaire ? JPG.
2. Capture, logo ou graphique avec du texte ? PNG.
3. Image pour votre site ? WebP (ou AVIF avec une solution de repli).
4. Icône ou dessin à agrandir ? SVG.
5. Animation ? WebP ou AVIF plutôt que GIF.

Sources et pour aller plus loin

• MDN Web Docs : Image file type and format guide (en anglais)

Données vérifiées le 3 octobre 2026.