Sommaire
  1. Le format JPG
  2. Le format PNG
  3. Le format WebP
  4. Tableau comparatif rapide
  5. Et le SVG ?
  6. Comment convertir et compresser vos images ?
  7. Conseils supplémentaires
  8. En résumé

Le choix du format d’image est une petite décision qui influence fortement la vitesse de votre site et la qualité d’affichage de vos produits. Un mauvais format peut doubler le poids d’une page sans aucun gain visible.

Le format JPG

Le format le plus répandu pour les photos. Il utilise une compression « avec perte » : il supprime des détails fins que l’œil remarque à peine afin de réduire le poids.

Le format PNG

Il utilise une compression « sans perte », conserve chaque détail et prend en charge les fonds transparents.

Le format WebP

Un format moderne qui gère la compression avec ou sans perte, la transparence et l’animation. Il produit généralement des fichiers nettement plus légers que JPG et PNG à qualité comparable, et tous les navigateurs modernes le prennent en charge.

Tableau comparatif rapide

UsageFormat conseillé
Photo de produitWebP ou JPG
Logo ou icôneSVG, PNG ou WebP
Image à fond transparentWebP ou PNG
Capture d’écran avec textePNG ou WebP
Plateforme sans prise en charge du WebPJPG

Et le SVG ?

Un format vectoriel fondé sur des formes mathématiques plutôt que sur des pixels : il reste net à toutes les tailles et pèse très peu. Parfait pour les logos, icônes et illustrations simples, mais pas pour les photos.

Comment convertir et compresser vos images ?

Vous pouvez convertir vos images JPG ou PNG en WebP, les redimensionner et régler leur qualité avec notre outil de compression d’images. Essayez une qualité entre 70 % et 80 %, comparez à l’œil, puis gardez le poids le plus faible sans différence visible.

Conseils supplémentaires

En résumé

Utilisez WebP par défaut pour la plupart des images, JPG pour une compatibilité maximale, PNG pour les graphismes et la transparence si WebP n’est pas disponible, et SVG pour les logos et icônes. Le bon choix rend votre site plus rapide et vos images plus nettes.