Bases de l’image
JPG, PNG ou WebP ? Comment choisir le bon format d’image
En bref : utilisez JPG (ou WebP) pour les photos, PNG (ou WebP sans perte) pour les captures d’écran, le texte et tout ce qui a un fond transparent, et SVG pour les logos et icônes dessinés avec des formes. Si un formulaire, un e-mail ou un vieux logiciel est exigeant, JPG pour les photos et PNG pour les graphismes sont les choix les plus sûrs. Besoin d’un autre format ? Convertissez-le avec les outils Refentra liés, dans votre navigateur. Une conversion ne rend jamais les détails déjà perdus.
Les fichiers sont traités localement.
Sur cette page
Deux questions décident presque tout
1. Photo ou graphisme ? Les photos sont faites de dégradés de couleurs doux : le format peut abandonner de minuscules détails que vous ne remarquerez pas (compression avec perte : JPG, WebP avec perte). Les captures d’écran, schémas, logos et textes ont des bords nets ; la compression avec perte y laisse du flou et des franges colorées, il leur faut donc des formats sans perte (PNG, WebP sans perte).
2. Faut-il de la transparence ou de l’animation ? Le JPG ne stocke ni pixels transparents ni animation. PNG et WebP peuvent stocker la transparence ; WebP et AVIF peuvent aussi s’animer. Le GIF est le plus ancien format d’animation et le moins efficace.
Quel format pour quelle tâche
- Photo pour un site ou pour partager
- WebP ou JPG (AVIF là où il est pris en charge). Le WebP avec perte est en moyenne 25 à 35 % plus léger que le JPEG à qualité visuelle comparable.
- Capture d’écran, texte, schéma
- PNG. Le WebP sans perte est en moyenne environ 26 % plus léger que le PNG.
- Fond transparent nécessaire
- PNG ou WebP. Le JPG n’a pas de transparence.
- Logo ou icône faits de lignes et de formes
- SVG. Il s’adapte à toutes les tailles sans flou ; il ne convient pas aux photos.
- Courte animation
- WebP ou AVIF animé. GIF seulement si rien d’autre n’est accepté.
- Formulaires, e-mail, vieux logiciels
- JPG pour les photos, PNG pour les graphismes. Vérifiez d’abord les formats acceptés.
Source : MDN, Image file type and format guide (en anglais), consultée le 5 octobre 2026. Les gains sont des moyennes tirées de cette page ; vos fichiers varieront. Refentra n’est pas affiliée à MDN.
Erreurs qui coûtent en qualité ou en poids
- Convertir un JPG en PNG pour « améliorer la qualité ». L’image reste aussi molle qu’avant, mais le fichier devient bien plus lourd.
- Enregistrer une capture d’écran en JPG. Le texte prend des bords flous et des franges colorées. Utilisez PNG.
- Utiliser du PNG pour des photos. Le fichier pèse souvent plusieurs fois plus qu’un JPG, sans gain visible.
- Réenregistrer sans cesse le même JPG. Chaque enregistrement perd un peu plus. Gardez l’original et exportez une copie une seule fois.
- Envoyer du WebP là où seuls JPG ou PNG sont acceptés. Convertissez-le d’abord, voir ci-dessous.
Convertir dans votre navigateur
- JPG en PNG et PNG en JPG (pour les zones transparentes, vous confirmez une couleur de fond).
- WebP en JPG et WebP en PNG quand un site ou un logiciel refuse le WebP.
- Image en WebP et image en AVIF pour des fichiers de site plus légers.
Pour votre propre site
MDN recommande de privilégier WebP ou AVIF pour les images matricielles et de prévoir une solution de repli JPEG ou PNG pour les navigateurs qui ne les affichent pas. L’élément picture s’en charge :
<picture>
<source srcset="photo.avif" type="image/avif" />
<source srcset="photo.webp" type="image/webp" />
<img src="photo.jpg" width="1200" height="800" alt="…" />
</picture>Les attributs width et height évitent que la mise en page saute pendant le chargement des images. Voir aussi corriger les avertissements d’images de PageSpeed.
Sources et méthode
Les propriétés des formats et les recommandations viennent de la page MDN liée, consultée le 5 octobre 2026. Les noms et limites des outils ont été vérifiés sur les outils Refentra actuels. Ce guide a été rédigé et relu avec l’aide d’une IA.