Skip to content
Azpy

2026-09-29 · 5 min de lecture

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

Avec ou sans perte, transparence, animation, compatibilité et poids : une comparaison pratique de WebP, JPG et PNG, avec des recommandations claires pour les photos, logos, captures d'écran et le web.

imageswebpjpgpngweb-performance

JPG, PNG et WebP sont les trois formats d'image que vous croisez tous les jours. Tous affichent une image, mais ils l'enregistrent de manière très différente, et un mauvais choix se traduit par des logos flous, des pages trop lourdes ou des images que le logiciel dont vous avez besoin refuse d'ouvrir. Ce guide explique les différences et vous donne une règle claire pour chaque situation courante.

La réponse courte

  • JPG pour les photos, quand vous avez besoin d'une compatibilité maximale.
  • PNG pour les logos, icônes, captures d'écran et tout ce qui exige des contours nets ou de la transparence.
  • WebP pour les images d'un site web, où des fichiers plus légers signifient des pages plus rapides.

La suite de l'article explique pourquoi.

Compression avec ou sans perte

La différence essentielle tient à la façon dont chaque format compresse l'image.

  • Le JPG est avec perte. Il supprime des détails que l'œil remarque à peine, ce qui rend les photos légères. En contrepartie, les contours nets et les aplats de couleur font apparaître des « artefacts » en blocs ou en halos, et chaque fois que vous modifiez puis réenregistrez un JPG, vous perdez encore un peu de qualité.
  • Le PNG est sans perte. Chaque pixel est conservé à l'identique. C'est idéal pour le texte, les traits et les aplats, mais une photo enregistrée en PNG pèse généralement plusieurs fois plus que la même photo en JPG.
  • Le WebP sait faire les deux. Il propose un mode avec perte qui rivalise avec le JPG et un mode sans perte qui rivalise avec le PNG. À qualité visuelle égale, les fichiers WebP sont en général plus légers que leurs équivalents JPG ou PNG, et c'est précisément pour le web qu'il a été conçu.

Conséquence utile : convertir un JPG en PNG ne restaure pas les détails que le JPG a déjà supprimés. Cela évite seulement des pertes supplémentaires si vous comptez continuer à retoucher l'image.

Transparence

  • Le JPG ne gère pas la transparence. Les zones transparentes sont remplies d'une couleur unie, souvent blanche ou noire.
  • Le PNG gère un canal alpha complet, y compris les bords doux et semi-transparents. C'est le choix classique pour un logo posé sur un fond coloré.
  • Le WebP gère lui aussi la transparence alpha, en mode avec comme sans perte.

Si vous convertissez un PNG ou un WebP transparent en JPG, les zones transparentes seront remplies. Pensez-y avant d'envoyer un logo en JPG.

Animation

Le JPG et le PNG standard sont des images fixes. Le WebP peut aussi contenir une animation, ce qui en fait une alternative plus légère au GIF pour les courtes boucles. Si vous convertissez un WebP animé en JPG ou en PNG, vous obtenez une seule image fixe, pas l'animation.

Compatibilité navigateurs et logiciels

Le JPG et le PNG s'ouvrent partout : tous les navigateurs, systèmes d'exploitation, éditeurs d'images, messageries et imprimantes. Le WebP est pris en charge par tous les grands navigateurs actuels, et la plupart des systèmes et éditeurs récents l'ouvrent, mais vous rencontrerez encore d'anciens logiciels, des formulaires d'envoi et des services d'impression qui le refusent. C'est la raison la plus fréquente de convertir un WebP en JPG : une image téléchargée qu'un logiciel refuse d'ouvrir.

Poids des fichiers et performance web

Sur un site, le poids des images compte. Des images lourdes ralentissent le chargement, surtout en connexion mobile, et la vitesse des pages influe à la fois sur vos visiteurs et sur votre référencement. Quelques règles pratiques :

  • Servez les photos en WebP (avec perte) ou, si vous avez besoin d'une compatibilité maximale, en JPG bien compressé.
  • Servez logos, icônes et éléments d'interface en WebP (sans perte) ou en PNG, voire en SVG si vous disposez d'une version vectorielle.
  • N'envoyez jamais une photo en PNG simplement parce qu'elle serait « de meilleure qualité ». Le visiteur ne verra pas la différence, mais il l'attendra.
  • Redimensionnez les images à leur taille d'affichage réelle. Aucun format ne compense une photo de 4 000 pixels affichée dans un cadre de 400.

Quel format choisir, au cas par cas

  • Photos d'appareil ou de smartphone : JPG pour partager et imprimer, WebP pour votre site.
  • Logos et icônes : PNG ou WebP sans perte ; les deux conservent la transparence et des contours nets.
  • Captures d'écran : PNG. Le texte et les éléments d'interface restent parfaitement nets ; le JPG les bave.
  • Illustrations en aplats : PNG ou WebP sans perte.
  • Courtes animations : WebP animé plutôt qu'un GIF lourd.
  • Images pour un e-mail, un formulaire ou un ancien logiciel : JPG ou PNG, acceptés partout.

Convertir d'un format à l'autre

Inutile de tout refaire pour changer de format. Les convertisseurs d'images de Azpy fonctionnent entièrement dans votre navigateur : vos images sont traitées sur votre propre appareil et ne sont jamais envoyées sur un serveur. Transformez un WebP en JPG quand un logiciel le refuse, un PNG en WebP pour alléger votre site ou un JPG en PNG avant de poursuivre vos retouches. La limite gratuite de ces outils est de 25 Mo par fichier, et vous trouverez tous les convertisseurs dans l'annuaire des outils.

Une règle simple

Une photo ? JPG ou WebP. Des contours nets ou de la transparence ? PNG ou WebP. Pour le web, privilégiez le WebP ; pour tout le reste, choisissez ce que la destination accepte.

Comment OCRiser un PDF scanné et obtenir du texte modifiable

Transformez un PDF scanné en texte indexable avec l'OCR, dans votre navigateur et sans téléverser le fichier. Étapes, astuces de précision et points à vérifier.

Convertir des images en PDF : photos JPG, PNG et HEIC

Transformez des photos JPG, PNG ou HEIC d'iPhone en un seul PDF. Format de page, orientation, qualité et poids, conseils de numérisation et compression.

← Retour au blog