PNG, JPEG ou WebP : quel format d'image choisir ?

La plupart des choix de format d'image se résument à deux questions. L'image a-t-elle besoin de zones transparentes ? Une légère perte de qualité se verra-t-elle ? Répondez à ces deux questions et le format s'impose presque tout seul. La troisième question, la destination du fichier, décide si les formats récents sont seulement autorisés, car les marketplaces et beaucoup d'applications n'acceptent encore que le JPEG et le PNG.

Ce guide compare les quatre formats que vous rencontrerez le plus souvent pour les photos et les visuels sur le web : JPEG, PNG, WebP et AVIF. Il se termine par un choix rapide pour les usages les plus courants : logos, photos produit, photos ordinaires et détourages sur fond transparent.

Le tableau comparatif

Les détails des formats viennent du guide des types de fichiers image de MDN. La ligne sur la prise en charge compte moins qu'avant pour les navigateurs : tous les grands navigateurs actuels affichent le WebP, et l'AVIF est pris en charge dans leurs versions récentes. Elle compte encore partout ailleurs : formulaires d'import, marketplaces, clients de messagerie et anciens logiciels de bureau.

Avec ou sans perte, en termes simples

La compression sans perte réduit un fichier sans changer un seul pixel. Décodez un PNG et vous retrouvez exactement ce qui a été enregistré. C'est idéal pour tout ce qui a des bords nets et des aplats de couleur, comme le texte, les logos, les dessins au trait, les interfaces et les captures d'écran, où le moindre flou ou la moindre frange de couleur se voit.

La compression avec perte supprime des détails que l'œil a peu de chances de remarquer. Les photographies le supportent bien, car elles sont pleines de bruit et de dégradés. Le JPEG fonctionne ainsi, et avec des réglages de qualité raisonnables une photo peut descendre à une fraction de son poids en PNG sans changement visible.

Deux règles pratiques en découlent :

• Chaque enregistrement avec perte dégrade un peu plus. Gardez un original sans perte (le fichier de l'appareil, un PNG ou le fichier natif de votre éditeur) et exportez les copies avec perte à partir de lui, plutôt que de retoucher et réenregistrer le même JPEG.
• La compression avec perte est la pire sur les bords nets. Un logo enregistré en JPEG se couvre d'un « bruit de moustique » baveux autour des lettres, et le texte d'une capture d'écran devient flou.

La transparence : le critère décisif pour les détourages

Le JPEG n'a pas de couche alpha. Impossible d'y stocker « ce pixel est transparent » : quand vous supprimez un arrière-plan et enregistrez en JPEG, la zone vide est remplie d'une couleur unie, généralement blanche ou noire. Si le détourage doit se poser sur un autre contenu, il vous faut du PNG, du WebP ou de l'AVIF.

Le PNG stocke une couche alpha complète : chaque pixel peut aller de totalement opaque à totalement transparent, ce qui garde un aspect naturel aux contours doux comme les cheveux, la fourrure et les ombres. Il a aussi un mode plus simple où une seule couleur de palette est marquée comme transparente, suffisant pour des visuels en aplats mais qui donne des contours crénelés sur les photos. Pour les détails, lisez ce qu'est une couche alpha.

Le WebP gère la transparence en mode sans perte comme avec perte. Selon la documentation WebP de Google, le WebP sans perte ajoute la transparence pour environ 22 % d'octets en plus, et le WebP avec perte et transparence est en général environ 3 fois plus léger qu'un PNG équivalent. Le WebP avec perte est donc le moyen le plus efficace de publier une photo produit transparente sur votre propre site.

Poids des fichiers

Pour une même image, l'ordre approximatif du plus lourd au plus léger est PNG, JPEG, WebP, AVIF, avec une réserve importante : le PNG n'est « lourd » que pour les photos. Pour des visuels en aplats avec peu de couleurs, le PNG est souvent plus léger que le JPEG et toujours plus net.

Les chiffres publiés par Google pour le WebP sont une référence utile :

• Les fichiers WebP sans perte sont 26 % plus légers que les PNG.
• Les fichiers WebP avec perte sont 25 à 34 % plus légers que des JPEG comparables, à indice de qualité SSIM égal.

Pour les images matricielles sur le web, MDN conseille de privilégier le WebP ou l'AVIF, qui compressent en général mieux que le PNG, le JPEG et le GIF. L'AVIF gère aussi la couleur sur 10 et 12 bits, ce qui aide pour les dégradés doux. Son point faible est la prise en charge hors navigateurs : beaucoup d'applications et de formulaires d'import le refusent encore.

Le poids compte surtout quand vous servez beaucoup d'images à beaucoup de visiteurs. Pour un seul import sur une marketplace qui recompresse tout de toute façon, le format accepté compte plus que les octets économisés.

Où chaque format est accepté

Les navigateurs, c'est la partie facile. Ce sont les marketplaces et les applications qui refusent des formats. Voici les formats acceptés selon la documentation de chaque plateforme, vérifiés en octobre 2026 :

Deux points ressortent. D'abord, le WebP et l'AVIF ne sont acceptés ni par Amazon, ni par Walmart, ni par les catalogues Meta : gardez du JPEG ou du PNG pour les imports sur marketplace. Ensuite, Etsy indique que les PNG transparents ne sont pas pris en charge et que les zones transparentes peuvent s'afficher en noir, donc aplatissez les détourages sur une couleur avant de les y importer. Pour les tailles exactes en pixels par plateforme, voir le guide des tailles de photos produit.

Quel format pour les usages courants

Logos

Utilisez le SVG si vous avez un original vectoriel ; MDN le recommande pour les logos et les icônes. Quand il vous faut un fichier matriciel, utilisez un PNG sur fond transparent, ou du WebP sans perte sur votre propre site. Jamais de JPEG : il ajoute du flou autour des bords et ne peut pas être transparent.

Photos produit

Pour les images principales des marketplaces, utilisez du JPEG sur fond blanc pur. Le blog vendeurs d'Amazon qualifie le JPEG de format préféré, et toutes les marketplaces du tableau ci-dessus l'acceptent. Exportez avec un réglage de qualité élevé (environ 85 à 92 dans la plupart des outils) à partir d'un original sans perte.

Sur votre propre boutique, importez un JPEG ou un PNG de haute qualité et laissez la plateforme convertir. Shopify, par exemple, indique que son service d'images sert automatiquement à chaque visiteur le meilleur format pris en charge par son navigateur.

Photos ordinaires

Le JPEG est le choix par défaut sûr pour le partage et les imports. Sur un site que vous maîtrisez, le WebP ou l'AVIF avec un JPEG de secours donne le même rendu pour moins d'octets. Si votre téléphone enregistre en HEIC, convertissez en JPEG avant d'importer partout où le HEIC n'est pas listé.

Détourages et images transparentes

Utilisez le PNG quand le fichier doit fonctionner partout : présentations, documents, outils de design et la plupart des formulaires d'import. Utilisez le WebP quand vous placez l'image sur votre propre page web et voulez un fichier léger. N'utilisez le JPEG que si vous avez volontairement rempli le fond d'une couleur unie, par exemple du blanc pour une marketplace.

Captures d'écran et schémas

PNG, ou WebP sans perte. Les formats avec perte rendent le texte flou.

Servir les formats modernes avec une solution de repli

Si vous gérez votre propre site, vous n'avez pas à choisir un seul format. L'élément HTML picture laisse le navigateur choisir le premier format qu'il comprend :

<picture>
  <source srcset="product.avif" type="image/avif">
  <source srcset="product.webp" type="image/webp">
  <img src="product.png" alt="Leather wallet, front view" width="1200" height="1200">
</picture>

Les navigateurs qui gèrent l'AVIF prennent la première source, les autres se rabattent sur le WebP, et les plus anciens utilisent le PNG. Beaucoup d'hébergeurs et de CDN d'images font cette conversion pour vous en fonction de l'en-tête Accept du navigateur, ce qui est souvent plus simple que de générer chaque format vous-même.

Convertir d'un format à l'autre sans surprise

• PNG ou WebP vers JPEG : les zones transparentes sont aplaties. Choisissez vous-même la couleur de remplissage (en général le blanc) plutôt que de laisser l'outil décider, car certains outils mettent du noir par défaut.
• JPEG vers PNG : le fichier devient plus lourd, pas meilleur. La qualité perdue dans le JPEG ne revient pas.
• N'importe quel format vers WebP ou AVIF : vérifiez que la transparence a survécu et que les couleurs sont justes ; convertissez d'abord au profil de couleur sRGB si l'image sera vue sur le web.
• Réenregistrer des JPEG : chaque enregistrement à une qualité inférieure cumule les pertes. Exportez une seule fois depuis l'original.

Une option plus rapide pour les détourages

Si vous supprimez des arrière-plans en masse, removebackground.dev exporte le détourage en PNG ou WebP transparent, ou en JPG sur n'importe quelle couleur unie : vous obtenez ainsi un JPEG sur blanc pour la marketplace et un PNG transparent pour votre site à partir du même import.