La différence fondamentale : compression avec et sans perte
La distinction essentielle entre JPG et PNG repose sur un seul choix technique : la façon dont chaque format gère la compression. Cette différence unique conditionne toutes les autres comparaisons — taille de fichier, qualité, gestion de la transparence et cas d'usage idéaux.
Fonctionnement de la compression JPG (avec perte, basée sur la DCT)
JPG (également écrit JPEG, acronyme de Joint Photographic Experts Group) utilise une compression avec perte basée sur la Transformée en cosinus discrète (DCT). L'algorithme a été conçu spécifiquement pour les photographies et exploite les limites de la vision humaine.
Voici ce qui se passe lorsqu'une image est enregistrée en JPG :
- Conversion d'espace colorimétrique — l'image est convertie de RGB en YCbCr, séparant la luminance (luminosité) de la chrominance (couleur). L'œil humain est bien plus sensible aux variations de luminosité qu'aux variations de couleur.
- Sous-échantillonnage de chrominance — les canaux de couleur (Cb et Cr) sont généralement réduits à la moitié de leur résolution (4:2:0), ce qui réduit immédiatement les données de couleur de 50% avec un impact visuel minimal.
- Découpe en blocs 8×8 — l'image est divisée en blocs de 8×8 pixels, et chaque bloc est transformé en composantes fréquentielles via la DCT.
- Quantification — les composantes haute fréquence (détails fins) sont divisées par des valeurs plus grandes, les arrondissant vers zéro. C'est là que les données sont définitivement perdues. Le curseur de qualité (1–100) contrôle l'agressivité de cette quantification.
- Codage entropique — les valeurs restantes sont compressées par codage de Huffman (JPEG de base) ou codage arithmétique pour le stockage final.
Le résultat est un fichier considérablement plus petit que l'original tout en restant visuellement convaincant. À la qualité 85, une photographie typique perd moins de 1% de sa qualité perceptuelle tout en étant compressée à environ 10–15% de sa taille non compressée.
Fonctionnement de la compression PNG (sans perte, basée sur DEFLATE)
PNG (Portable Network Graphics) utilise une compression sans perte basée sur l'algorithme DEFLATE — la même compression que celle utilisée dans les fichiers ZIP. Chaque pixel de l'image originale est conservé exactement. Aucune donnée n'est jamais abandonnée.
La compression PNG fonctionne en deux étapes :
- Filtrage — avant la compression, chaque rangée de pixels est passée par un filtre de prédiction (None, Sub, Up, Average ou Paeth). Le filtre prédit la valeur de chaque pixel en fonction des pixels voisins et stocke la différence. Pour les images avec des dégradés réguliers ou des motifs répétés, ces différences sont principalement des zéros, qui se compriment extrêmement bien.
- Compression DEFLATE — les données filtrées sont compressées avec DEFLATE, qui combine LZ77 (détection de séquences d'octets répétées) avec le codage de Huffman. Cette méthode est sans perte — la décompression reconstruit parfaitement les données filtrées originales, et l'inversion du filtre reconstruit parfaitement les pixels d'origine.
La compression PNG est la plus efficace sur les images comportant de grandes zones de couleur identique, des bords nets et des motifs répétitifs — précisément les caractéristiques des captures d'écran, logos, icônes et éléments d'interface. Pour les photographies avec une variation tonale continue, la compression PNG est bien moins efficace car les pixels adjacents sont rarement identiques.
Transparence : la fonctionnalité exclusive de PNG
L'une des différences pratiques les plus significatives entre JPG et PNG est la gestion de la transparence.
PNG supporte un canal alpha complet avec 256 niveaux de transparence (0 = entièrement transparent, 255 = entièrement opaque). Cela signifie qu'une image PNG peut avoir des bords lisses et anti-crénelés qui se fondent parfaitement sur n'importe quel fond. Chaque pixel porte sa propre valeur de transparence indépendante, permettant :
- Logos sur n'importe quel fond — un logo PNG avec transparence fonctionne sur des pages blanches, sombres, des fonds colorés et des photographies sans bords visibles ni halos
- Superpositions semi-transparentes — ombres portées, effets de verre, fondus en dégradé de l'opaque vers le transparent
- Formes irrégulières — icônes, stickers, découpes de produits avec des bords anti-crénelés lisses
- Composition en couches — éléments d'interface, sprites de jeu et ressources graphiques devant se superposer à d'autres contenus
JPG ne supporte absolument pas la transparence. Chaque pixel d'une image JPG est entièrement opaque. Lorsque vous convertissez un PNG avec transparence en JPG, les zones transparentes doivent être remplies d'une couleur unie — généralement blanc. Il n'existe aucun moyen de représenter une transparence partielle dans la spécification du format JPG.
Ce que fait CleverUtils : Lors de la conversion de PNG en JPG, notre convertisseur aplatit automatiquement les zones transparentes sur un fond blanc. Vous obtenez un JPG propre sans artefacts de transparence. La conversion utilise l'espace colorimétrique sRGB et une qualité 92 pour des résultats optimaux.
Comparaison de la taille des fichiers
La taille de fichier est là où JPG et PNG diffèrent le plus radicalement — mais la différence dépend entièrement du type d'image. L'idée reçue selon laquelle "JPG est toujours plus petit" est fausse. La réalité est plus nuancée.
Photographies : JPG est 5–10 fois plus petit
Pour les photographies et les images avec une variation tonale complexe et continue (scènes naturelles, portraits, photos de produits), JPG produit des fichiers considérablement plus petits. Une photographie de 24 mégapixels occupant 72 Mo en données RGB non compressées pourrait être compressée en :
- PNG : 35–50 Mo (sans perte — les pixels varient trop pour que DEFLATE compresse efficacement)
- JPG à la qualité 92 : 5–8 Mo (visuellement indiscernable de l'original)
- JPG à la qualité 85 : 3–5 Mo (excellente qualité, artefacts négligeables)
- JPG à la qualité 70 : 1,5–3 Mo (bonne qualité, légère douceur visible à 100% de zoom)
La raison est fondamentale : les photographies ont une forte entropie. Les pixels adjacents diffèrent par de petites quantités imprévisibles. La compression sans perte de PNG ne peut pas représenter efficacement cette variation. L'approche DCT de JPG exploite le fait que ces fines variations sont en dessous du seuil de perception humaine, les éliminant pour des économies de taille massives.
Graphiques simples : PNG peut être plus petit
Pour les images avec de grandes zones de couleur unie, du texte net, des formes géométriques ou des palettes de couleurs limitées, PNG peut en réalité produire des fichiers plus petits que JPG. C'est contre-intuitif, mais cela fait sens quand on comprend le fonctionnement de chaque algorithme :
- Un logo simple avec 5 couleurs et de grandes zones unies se compresse extrêmement bien avec DEFLATE car les filtres de prédiction produisent de longues séquences de zéros
- La transformation DCT de JPG peine avec les bords nets — la structure en blocs 8×8 crée des artefacts de sonnerie (phénomène de Gibbs) autour des transitions à fort contraste, et l'encodeur doit utiliser plus de bits pour représenter correctement ces blocs de bords
Un logo de 500×500 pixels pourrait peser 15 Ko en PNG-8 (256 couleurs indexées) contre 40 Ko en JPG — PNG est presque 3 fois plus petit tout en étant parfaitement net.
Exemples de tailles de fichiers réels
| Type d'image | Dimensions | Taille PNG | JPG Q85 | JPG Q92 |
|---|---|---|---|---|
| Photo DSLR | 4000 × 3000 | 38 Mo | 3,2 Mo | 5,8 Mo |
| Photo smartphone | 4032 × 3024 | 32 Mo | 2,8 Mo | 4,9 Mo |
| Capture d'écran bureau | 1920 × 1080 | 1,2 Mo | 380 Ko | 620 Ko |
| Capture d'écran éditeur de code | 1920 × 1080 | 450 Ko | 520 Ko | 780 Ko |
| Logo simple (5 couleurs) | 500 × 500 | 15 Ko | 42 Ko | 58 Ko |
| Logo complexe (dégradés) | 500 × 500 | 85 Ko | 38 Ko | 52 Ko |
| Bannière web | 1200 × 628 | 2,1 Mo | 180 Ko | 340 Ko |
| Icône (design plat) | 128 × 128 | 4 Ko | 8 Ko | 12 Ko |
| Pixel art | 256 × 256 | 6 Ko | 22 Ko | 35 Ko |
| Infographie | 800 × 2400 | 680 Ko | 290 Ko | 480 Ko |
La tendance est claire : JPG domine pour les photographies (10 fois plus petit), tandis que PNG l'emporte pour les graphiques simples avec des couleurs unies et des bords nets. Les captures d'écran et les infographies se situent entre les deux, selon la complexité de leur contenu.
Préservation de la qualité et dégradation générationnelle
L'une des différences les plus importantes entre JPG et PNG concerne ce qui se passe quand vous éditez et réenregistrez un fichier plusieurs fois.
JPG : dégradation générationnelle à chaque réenregistrement
Chaque fois que vous ouvrez un JPG, l'éditez et l'enregistrez à nouveau, davantage de données sont perdues. C'est ce qu'on appelle la dégradation générationnelle. Chaque cycle d'enregistrement relance le processus de quantification DCT, éliminant des détails supplémentaires qui avaient survécu au cycle précédent. Après 10–20 cycles d'ouverture-édition-enregistrement, la dégradation devient clairement visible :
- Les couleurs dérivent et se postérisent
- Des artefacts de grille de 8×8 pixels en blocs apparaissent
- Les bords nets deviennent de plus en plus flous
- Les textures fines (cheveux, tissus, feuillages) se dégradent
- Les artefacts de sonnerie (bruit moustique) s'intensifient autour des zones à fort contraste
Cela pose particulièrement problème dans les flux de travail où les images sont éditées plusieurs fois : conception graphique, création de contenu pour les réseaux sociaux, et retouche photo collaborative. Chaque personne qui ouvre le JPG, le recadre ou l'ajuste, puis le réenregistre introduit un nouveau cycle de dégradation.
PNG : enregistrements illimités sans dégradation
PNG conserve chaque pixel parfaitement, quel que soit le nombre de fois que le fichier est ouvert, édité et réenregistré. Comme la compression PNG est sans perte, la décompression produit toujours exactement les données de pixels originales. Éditer et réenregistrer recompresse simplement les pixels (potentiellement modifiés) sans perte. Il n'y a pas de dégradation générationnelle, pas d'artefacts cumulatifs, pas de perte de qualité dans le temps.
Cela fait de PNG le choix approprié pour :
- Fichiers de travail — ressources graphiques, gabarits et fichiers sources qui seront édités de nombreuses fois
- Captures d'écran pour la documentation — le texte et les éléments d'interface doivent rester parfaitement nets après n'importe quel nombre de modifications
- Copies d'archivage — lorsque vous devez conserver les données de pixels exactes indéfiniment
- Matériau source pour les exports futurs — conserver un master PNG vous permet d'exporter en JPG à n'importe quel niveau de qualité ultérieurement
Bonne pratique : Enregistrez vos fichiers de travail en PNG (ou dans le format natif de votre éditeur, comme PSD/XCF). Exportez en JPG uniquement comme étape finale pour la distribution. Cela évite entièrement la dégradation générationnelle — le JPG est créé une seule fois à partir de la source sans perte.
Profondeur de couleur
JPG et PNG supportent tous deux des millions de couleurs, mais leurs capacités de profondeur de couleur diffèrent de manière importante.
JPG supporte 8 bits par canal (couleur 24 bits), ce qui offre 16,7 millions de couleurs possibles. C'est suffisant pour la quasi-totalité des photographies et du contenu web. JPG ne supporte pas les images à 16 bits par canal ni les modes de couleur indexée.
PNG supporte plusieurs modes de profondeur de couleur :
- PNG-24 (vraies couleurs) : 8 bits par canal, 16,7 millions de couleurs — identique à JPG mais sans perte
- PNG-32 (vraies couleurs + alpha) : 8 bits par canal plus 8 bits de transparence alpha — 32 bits par pixel au total
- PNG-48 (couleur profonde) : 16 bits par canal, 281 billions de couleurs possibles — utilisé en imagerie scientifique, imagerie médicale et flux de travail photographique haut de gamme
- PNG-8 (indexé) : palette de 256 couleurs avec transparence optionnelle sur 1 bit — fichiers extrêmement petits pour les graphiques simples
- Niveaux de gris : 1, 2, 4, 8 ou 16 bits par pixel pour les images monochromes
Pour le web, la prise en charge à 8 bits par canal dans les deux formats est plus que suffisante. Le mode PNG 16 bits est pertinent pour les flux de travail spécialisés : astrophotographie, imagerie médicale, composition HDR et visualisation de données scientifiques où les différences tonales subtiles portent de l'information.
JPG vs PNG : tableau de comparaison complet
| Caractéristique | JPG (JPEG) | PNG |
|---|---|---|
| Type de compression | Avec perte (DCT) | Sans perte (DEFLATE) |
| Extension de fichier | .jpg, .jpeg | .png |
| Transparence | Aucune | Alpha complet (256 niveaux) |
| Profondeur de couleur | 8 bits/canal (24 bits) | Jusqu'à 16 bits/canal (48 bits) |
| Couleur indexée | Non | Oui (PNG-8, jusqu'à 256 couleurs) |
| Taille photo | Petite (3–8 Mo) | Très grande (30–50 Mo) |
| Taille graphiques | Moyenne | Petite (souvent plus petite que JPG) |
| Dégradation générationnelle | Oui (se dégrade à chaque enregistrement) | Aucune |
| Bords nets | Artefacts (sonnerie, blocage) | Préservation parfaite |
| Animation | Non | APNG (support limité) |
| Métadonnées EXIF | Oui (données appareil, GPS) | Limité (blocs tEXt) |
| Chargement progressif | Oui (JPEG progressif) | Oui (PNG entrelacé, Adam7) |
| Support navigateurs | Universel | Universel |
| Idéal pour | Photos, images complexes | Graphiques, captures d'écran, transparence |
| Année d'introduction | 1992 | 1996 |
| Standard | ISO/IEC 10918 | ISO/IEC 15948 (W3C) |
Quand utiliser JPG
JPG est le bon choix lorsque la taille du fichier compte et que l'image contient une variation tonale complexe et continue. Voici les principaux cas d'usage :
- Photographies — portraits, paysages, photos d'événements, photographie de produits. JPG a été conçu spécifiquement pour le contenu photographique. Une photo de 12 mégapixels à la qualité 85 produit un JPG de 2–5 Mo contre un PNG de 25–40 Mo.
- Images hero et arrière-plans web — grandes images de bannière qui doivent se charger rapidement. Une image hero de 1920×1080 à la qualité 85 pèse environ 200–400 Ko en JPG, suffisamment rapide pour la plupart des connexions.
- Publications sur les réseaux sociaux — chaque grande plateforme (Instagram, Facebook, Twitter/X, LinkedIn) recompresse de toute façon les images uploadées en JPG. Uploader un JPG vous donne plus de contrôle sur la qualité initiale que de laisser la compression agressive de la plateforme décider.
- Pièces jointes par e-mail — les photos JPG sont suffisamment légères pour être jointes directement. Une version PNG de la même photo pourrait dépasser les limites de taille des e-mails.
- Vignettes et aperçus — petites images d'aperçu où la taille du fichier doit être minimale et où les artefacts de compression sont invisibles aux dimensions réduites.
- Impression photographique — les laboratoires photo professionnels acceptent le JPG à la qualité 95–100. À ces réglages, la compression est quasi sans perte tout en restant significativement plus petite que PNG.
Quand utiliser PNG
PNG est le bon choix lorsque la précision pixel par pixel, la transparence ou la préservation des bords nets comptent plus que la taille du fichier :
- Logos et marques — les logos doivent rester nets à toutes les tailles et se fondre parfaitement sur n'importe quel fond. PNG avec transparence est le format standard pour la distribution de logos.
- Icônes et éléments d'interface — icônes d'application, boutons graphiques, éléments de navigation et composants d'interface nécessitent des bords parfaits et ont souvent besoin de transparence.
- Captures d'écran — le texte, le code, les menus et les éléments d'interface dans les captures d'écran ont des bords nets à fort contraste que JPG gère mal. Une capture JPG d'un éditeur de code montre des artefacts visibles autour de chaque caractère.
- Images contenant du texte — toute image contenant du texte lisible (infographies avec corps de texte, diagrammes avec étiquettes, mèmes avec légendes) doit utiliser PNG pour garder le texte net.
- Dessin au trait et illustrations — graphiques de style vectoriel, diagrammes techniques, graphiques et schémas avec des lignes nettes et des couleurs unies.
- Pixel art — les graphiques de jeux rétro et le pixel art doivent préserver les valeurs de pixels exactes. JPG floute les frontières de pixels intentionnellement nettes.
- Imagerie médicale et scientifique — toute application où les données exactes de pixels portent une information diagnostique ou de mesure. La compression avec perte est inacceptable.
- Fichiers de travail/sources — ressources graphiques qui seront éditées, superposées ou réexportées plusieurs fois. PNG évite la dégradation générationnelle.
Guide de décision rapide
Lorsque vous ne savez pas quel format utiliser, suivez ce processus de décision :
- L'image a-t-elle besoin de transparence ? → PNG. JPG ne supporte pas la transparence.
- Est-ce une photographie ou une image naturelle complexe ? → JPG. La compression avec perte produit des fichiers 5–10 fois plus petits avec une perte de qualité imperceptible.
- Contient-elle du texte, des bords nets ou du dessin au trait ? → PNG. JPG crée des artefacts visibles autour des zones à fort contraste.
- Est-ce une capture d'écran ? → PNG. Les captures d'écran ont des éléments d'interface, du texte et des bords nets qui se dégradent sous la compression JPG.
- Est-ce un logo ou une icône ? → PNG. Les logos nécessitent des bords parfaits et ont généralement besoin de transparence.
- Le fichier sera-t-il édité et réenregistré plusieurs fois ? → PNG. Évite la dégradation générationnelle des enregistrements JPG répétés.
- La vitesse de chargement de la page web est-elle prioritaire ? → JPG pour les photos, PNG pour les graphiques (PNG-8 pour les graphiques simples est minuscule).
- Vous hésitez ? → Enregistrez en PNG. Vous pourrez toujours convertir en JPG plus tard. Vous ne pouvez pas convertir JPG en PNG et récupérer les données perdues.
Règle empirique : Si l'image provient d'un appareil photo, utilisez JPG. Si elle provient d'un ordinateur (capture d'écran, logiciel de conception, code), utilisez PNG. Cette heuristique est correcte environ 95% du temps.
Comprendre les artefacts de compression JPG
Lorsque la compression JPG est réglée trop agressivement (valeurs de qualité basses), plusieurs types d'artefacts visuels deviennent visibles. Comprendre ces artefacts vous aide à choisir les réglages de qualité appropriés et à savoir quand éviter complètement JPG.
Artefacts de bloc (grille DCT)
Parce que JPG traite les images en blocs de 8×8 pixels, une compression agressive peut rendre les frontières de blocs visibles comme un motif de grille superposé à l'image. C'est le plus perceptible dans les dégradés réguliers (comme le ciel) où l'œil attend une variation tonale continue. À la qualité 50 ou moins, le blocage devient clairement visible dans la plupart des photographies.
Artefacts de sonnerie (bruit moustique)
JPG peine avec les bords nets à fort contraste. La transformation DCT produit le phénomène de Gibbs — des artefacts oscillants autour des transitions abruptes. Cela se présente sous forme d'un halo de bruit entourant le texte, les logos et toute frontière nette entre zones sombres et claires. C'est la raison principale pour laquelle JPG est inadapté aux captures d'écran et aux images contenant du texte.
Bandes de couleur et postérisation
Dans les zones avec des dégradés subtils (carnations, ciels de coucher de soleil, fonds de couleur unie), la compression JPG peut réduire le nombre de paliers de couleur visibles, créant des bandes visibles au lieu de transitions régulières. Cela est amplifié par le sous-échantillonnage de chrominance, qui divise par deux la résolution des couleurs avant même que la compression DCT ne commence.
Décalage de couleur
Les enregistrements JPG répétés provoquent une dérive cumulative des couleurs, car le processus de quantification arrondit les valeurs dans des directions légèrement différentes à chaque cycle. Après de nombreuses générations, des gris originellement neutres peuvent prendre une dominante colorée, et les couleurs saturées peuvent dériver en teinte. C'est l'un des effets les plus insidieux de la dégradation générationnelle, car il est difficile à inverser.
Contexte 2026 : WebP et AVIF
Alors que JPG et PNG restent les formats de base universels, deux alternatives plus récentes sont de plus en plus pertinentes en 2026 :
WebP : le meilleur des deux mondes
Développé par Google et lancé en 2010, WebP supporte la compression avec et sans perte, plus la transparence et l'animation — combinant les atouts de JPG et PNG en un seul format. Les images WebP avec perte sont généralement 25–35% plus petites que les fichiers JPG équivalents à la même qualité visuelle. Les images WebP sans perte sont généralement 26% plus petites que PNG.
En 2026, WebP bénéficie d'une prise en charge navigateur à 97%+ (tous les navigateurs modernes dont Chrome, Firefox, Safari, Edge et Opera). Safari a ajouté le support WebP en 2020, éliminant le dernier grand récalcitrant.
AVIF : compression de nouvelle génération
AVIF (AV1 Image File Format) est basé sur le codec vidéo AV1 et offre une compression encore meilleure que WebP. Les images AVIF avec perte sont environ 50% plus petites que les fichiers JPG équivalents et supportent la transparence, une large gamme de couleurs (HDR) et jusqu'à 12 bits de profondeur de couleur.
La prise en charge navigateur d'AVIF est d'environ 93% en 2026 (Chrome, Firefox, Safari 16.4+, Edge). L'encodage est plus lent que JPG ou WebP, mais les performances de décodage sont comparables.
Pourquoi JPG et PNG restent incontournables
Malgré les avantages de WebP et AVIF, JPG et PNG restent essentiels en 2026 pour plusieurs raisons :
- Compatibilité universelle — JPG et PNG fonctionnent dans toutes les applications, systèmes d'exploitation, clients de messagerie et appareils fabriqués au cours des 30 dernières années. WebP et AVIF rencontrent encore des cas limites dans les logiciels anciens, les clients de messagerie et les applications natives.
- Exigence de repli — même les sites web servant du WebP ou de l'AVIF via l'élément
<picture>doivent fournir des replis JPG/PNG pour les 3–7% restants de navigateurs et pour les robots d'exploration, aperçus des réseaux sociaux et lecteurs RSS. - Écosystème d'édition — Photoshop, GIMP, Lightroom et la plupart des éditeurs d'images utilisent JPG et PNG comme formats principaux d'import/export. Le support de WebP et AVIF progresse mais n'est pas encore universel.
- Réseaux sociaux et e-mail — des plateformes comme Instagram, Facebook et les clients de messagerie acceptent JPG et PNG de manière fiable. Le support de l'upload WebP est incohérent selon les plateformes.
- Flux de travail d'impression — l'industrie de l'impression utilise JPG (pour les photos) et PNG/TIFF (pour les graphiques). WebP et AVIF n'ont aucune présence dans l'impression.
Convertir entre JPG et PNG
Parfois vous devez convertir entre les formats. Voici quand chaque sens de conversion est pertinent :
PNG vers JPG : réduire la taille du fichier
Convertissez PNG en JPG lorsque vous avez une image photographique enregistrée en PNG et que vous avez besoin d'un fichier plus léger. C'est fréquent avec :
- Captures d'écran de téléphones qui enregistrent en PNG
- Images exportées depuis des outils de conception à qualité maximale
- Documents numérisés et photographies
- Images à uploader sur des plateformes avec des limites de taille
Lors de la conversion, CleverUtils utilise la qualité 92, qui offre un excellent équilibre entre réduction de taille de fichier et qualité visuelle. Les zones transparentes sont aplaties sur blanc, et l'espace colorimétrique est standardisé en sRGB pour une compatibilité maximale.
JPG vers PNG : préserver pour l'édition
Convertissez JPG en PNG lorsque vous avez besoin d'éditer une image et d'empêcher une dégradation générationnelle supplémentaire. La conversion en PNG n'améliore pas la qualité de l'image — les données perdues lors de la compression JPG sont définitivement disparues. Cependant, elle préserve l'état actuel de l'image sans perte, garantissant que les éditions et enregistrements ultérieurs n'introduisent pas de dégradation supplémentaire.