Comparaison rapide
| Caractéristique | JPG (JPEG) | PNG |
|---|---|---|
| Compression | Avec perte | Sans perte |
| Taille photo (1080p) | 200–800 Ko | 2–8 Mo |
| Transparence | Non prise en charge | Canal alpha complet |
| Profondeur de couleur | 8 bits (24 bits couleur) | 8 ou 16 bits (jusqu'à 48 bits) |
| Qualité à la ré-enregistrement | Se dégrade à chaque fois | Aucune dégradation |
| Contours nets & texte | Artefacts visibles | Pixel parfait |
| Dégradés & photos | Excellent (conçu pour ça) | Bien mais fichiers volumineux |
| Animation | Non | Non (APNG est séparé) |
| Compatibilité navigateurs | 100 % | 100 % |
| Standard | 1992, comité JPEG | 1996, W3C |
| Idéal pour | Photos, images web | Captures, logos, graphiques |
Comment fonctionne la compression : avec perte vs sans perte
JPG : Compression avec perte
JPG utilise la Transformée en Cosinus Discrète (DCT) pour analyser des blocs de 8×8 pixels et éliminer les informations visuelles que l’œil humain ne percevra probablement pas. C’est pourquoi JPG est si efficace pour les photographies — les images naturelles contiennent une énorme redondance visuelle qui peut être supprimée sans risque.
Le revers : les données supprimées ne peuvent pas être récupérées. Chaque fois que vous ouvrez un JPG, le modifiez et le ré-enregistrez, davantage de données sont perdues. Après 5–10 ré-enregistrements, une dégradation visible apparaît — c’est ce qu’on appelle la perte de génération. C’est pourquoi les photographes travaillent en RAW et n’exportent en JPG qu’à l’étape finale.
PNG : Compression sans perte
PNG utilise la compression DEFLATE (le même algorithme que les fichiers ZIP) pour réduire la taille du fichier sans supprimer aucune donnée. Chaque pixel en sortie est mathématiquement identique à l’entrée. Vous pouvez ouvrir, modifier et ré-enregistrer un PNG des milliers de fois sans aucune perte de qualité.
La contrepartie : les fichiers PNG sont 5–10 fois plus volumineux que JPG pour du contenu photographique, car toutes les données visuelles sont conservées. Pour les graphiques avec des couleurs unies et des contours nets (logos, icônes, captures d’écran), PNG est en réalité assez efficace, car DEFLATE compresse bien les motifs de pixels répétitifs.
Transparence : l’atout maître de PNG
JPG ne prend pas en charge la transparence. Chaque pixel doit être une couleur unie. Si votre image possède un arrière-plan transparent, l’enregistrement en JPG le remplace par du blanc (ou quelle que soit la couleur d’arrière-plan par défaut de votre logiciel).
PNG prend en charge un canal alpha 8 bits complet — chaque pixel peut avoir 256 niveaux d’opacité, du totalement transparent au totalement opaque. Cela permet :
- Des logos transparents qui s’affichent sur n’importe quelle couleur de fond
- Des photos de produits avec arrière-plan détouré pour l’e-commerce
- Des éléments d’interface comme des icônes, boutons et superpositions
- Des contours lissés (anti-aliasing) sans artefacts de frange blanche
Si vous avez besoin de transparence, PNG est votre seul choix parmi les formats traditionnels. (WebP et AVIF prennent également en charge la transparence avec des fichiers plus légers.)
Quand utiliser JPG
- Photographies : portraits, paysages, photos de produits, photos de voyage. JPG est spécialement conçu pour cela — excellente qualité à 80–90 % de la taille de fichier d’origine.
- Images héroïques et bannières de sites web : grandes images photographiques où la taille du fichier est importante. Une image héroïque en 1920×1080 peut peser 300 Ko en JPG contre 5 Mo en PNG.
- Images dans les e-mails : des fichiers plus légers se chargent plus vite dans les clients de messagerie et évitent les limites de taille des pièces jointes.
- Publications sur les réseaux sociaux : les plateformes recompressent de toute façon les images téléversées, donc la nature avec perte de JPG est sans importance — la plateforme appliquera sa propre compression.
- Miniatures et aperçus : les petites dimensions masquent les artefacts de compression, et les fichiers légers améliorent les performances.
- Grandes collections d’images : bibliothèques photos, galeries, archives. PNG consommerait 5–10 fois plus d’espace de stockage.
Quand utiliser PNG
- Captures d’écran : le texte, les éléments d’interface et les détails doivent être nets au pixel près. La compression JPG floute le texte et crée des artefacts autour des contours nets.
- Logos et identité visuelle : les logos doivent être identiques partout. La compression JPG peut altérer subtilement les couleurs et introduire du bruit autour des contours nets.
- Icônes et graphiques d’interface : icônes d’applications, icônes de sites web, boutons, badges — petits graphiques avec couleurs unies et lignes nettes.
- Images avec texte superposé : infographies, schémas, graphiques, mèmes avec texte. JPG crée des artefacts visibles autour des caractères.
- Images avec transparence : tout ce qui nécessite un arrière-plan transparent.
- Fichiers sources pour l’édition : si vous prévoyez de modifier l’image plusieurs fois, utilisez PNG pour éviter la perte de génération.
- QR codes et codes-barres : chaque pixel compte pour la lisibilité. La compression JPG peut rendre les codes illisibles.
- Pixel art : les pixels individuels sont intentionnellement visibles. JPG les floute.
Comparaison des tailles de fichiers en conditions réelles
| Type d'image | Résolution | JPG (qualité 85) | PNG | Ratio |
|---|---|---|---|---|
| Photo de paysage | 1920×1080 | ~400 Ko | ~4,5 Mo | 11x |
| Photo portrait | 1080×1350 | ~350 Ko | ~3,8 Mo | 11x |
| Capture d'écran (bureau) | 1920×1080 | ~250 Ko | ~800 Ko | 3x |
| Logo (couleurs unies) | 500×500 | ~30 Ko | ~15 Ko | 0,5x |
| Icône | 256×256 | ~12 Ko | ~8 Ko | 0,7x |
| Infographie | 1080×3000 | ~500 Ko | ~1,2 Mo | 2,4x |
| Photo 4K | 3840×2160 | ~1,5 Mo | ~18 Mo | 12x |
Remarquez que pour les logos et icônes avec couleurs unies, PNG est en réalité plus léger que JPG. C’est parce que DEFLATE compresse très efficacement les zones de couleur uniforme, tandis que l’approche DCT de JPG génère une surcharge pour les graphiques simples.
Convertir entre JPG et PNG
JPG vers PNG
Convertir un JPG en PNG est sûr mais n’améliore pas la qualité. La conversion préserve exactement les données de pixels actuelles (PNG est sans perte), mais les détails perdus lors de la compression JPG ne peuvent pas être récupérés. Vous pourriez convertir pour les raisons suivantes :
- Avoir besoin d’ajouter de la transparence à l’image
- Éviter une nouvelle dégradation lors des ré-enregistrements (PNG ne se dégrade pas)
- Répondre à des exigences de format (certains systèmes imposent le PNG)
- Préparer une édition ultérieure (modifier en PNG, exporter en JPG pour le rendu final)
PNG vers JPG
Convertir un PNG en JPG réduit la taille du fichier mais entraîne une légère perte de qualité. Cela est utile quand :
- Vous avez besoin d’un fichier plus léger pour le web, les e-mails ou le stockage
- La transparence n’est pas nécessaire (JPG remplace les zones transparentes par du blanc)
- L’image est une photographie où la compression JPG est efficace
Alternatives modernes : WebP et AVIF
JPG et PNG ont tous deux plus de 30 ans. Les formats modernes offrent de meilleurs compromis :
| Caractéristique | JPG | PNG | WebP | AVIF |
|---|---|---|---|---|
| Taille photo avec perte | 400 Ko | N/A | ~280 Ko | ~100 Ko |
| Transparence | Non | Oui | Oui | Oui |
| Compatibilité navigateur | 100 % | 100 % | ~97 % | ~95 % |
| Compatibilité logiciels | Universelle | Universelle | Bonne | En expansion |
Pour les nouveaux projets web, envisagez de servir du WebP ou de l’AVIF avec des alternatives JPG/PNG. Pour un usage hors ligne, le partage et la compatibilité, JPG et PNG restent les choix par défaut sûrs.