Pourquoi le choix du format compte
Le format d'image que vous choisissez affecte trois choses : la taille du fichier, la qualité visuelle et le support navigateur. Un mauvais choix se traduit par des pages lentes (photos surdimensionnées), une qualité dégradée (compression avec perte sur le mauvais contenu) ou un affichage cassé sur d'anciens appareils.
JPEG – Le standard photo
JPEG est un format de compression avec perte (lossy). Il sacrifie des données d'image pendant la compression pour obtenir des fichiers plus petits. Le niveau de compression est réglable via un paramètre de qualité (typiquement 0–100).
Idéal pour : Photographies, images complexes avec dégradés et nombreuses couleurs, toute image où une légère perte de netteté est acceptable.
À éviter pour : Captures d'écran, art vectoriel, texte superposé, logos, images nécessitant des bords nets ou de la transparence.
Avantage de taille : Un JPEG haute qualité est généralement 60–80% plus petit qu'un PNG sans perte de la même photo.
Limitation principale : Chaque fois que vous sauvegardez un JPEG (éditer → sauvegarder → éditer → sauvegarder), vous perdez de la qualité. Conservez toujours l'original dans un format sans perte (PNG, TIFF).
JPEG ne supporte pas la transparence (canal alpha).
PNG – Sans perte et transparent
PNG utilise une compression sans perte – aucune donnée d'image n'est supprimée. Ce que vous mettez en entrée est exactement ce que vous récupérez.
Idéal pour : Captures d'écran, éléments d'interface, logos, texte superposé, images aux bords nets, toute image nécessitant un fond transparent.
À éviter pour : Photographies (tailles de fichier très grandes par rapport au JPEG).
Avantage clé : Supporte le canal alpha complet, standard pour les éléments UI et les overlays.
WebP – Le remplaçant moderne
WebP a été développé par Google et supporte à la fois la compression avec perte et sans perte. Il atteint des tailles de fichier inférieures au JPEG et au PNG pour une qualité équivalente.
Avantage de taille :
- WebP lossy vs JPEG : ~25–35% plus petit à qualité équivalente
- WebP lossless vs PNG : ~26% plus petit en moyenne
Support navigateur : Excellent – tous les navigateurs modernes (Chrome, Firefox, Safari 14+, Edge) supportent WebP.
Transparence : Supportée dans les deux modes WebP.
L'élément <picture> en HTML vous permet de servir WebP avec un fallback JPEG/PNG :
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Description">
</picture>
Guide de décision pratique
| Situation | Format recommandé |
|---|---|
| Photographie pour une page web | WebP (fallback JPEG) |
| Logo avec transparence | WebP lossless ou PNG |
| Capture d'écran | PNG |
| Icône / élément UI | WebP ou PNG |
| Image pour e-mail | JPEG (support le plus large) |
| Fichier source pour impression | PNG ou TIFF |
Convertir entre formats dans votre navigateur
Le Convertisseur d'images de ce site convertit entre JPEG, PNG et WebP entièrement dans votre navigateur – aucun upload sur un serveur, vos fichiers restent privés.
En résumé
- JPEG : photographies, perte acceptable, pas de transparence
- PNG : sans perte, transparence, logos et captures d'écran
- WebP : meilleur des deux pour le web, support légèrement moins universel
- Pour le web : WebP d'abord, JPEG en fallback pour les photos, PNG pour la transparence