La réponse courte
Les fichiers PNG deviennent volumineux parce que le PNG cherche à préserver des pixels exacts. Les JPG deviennent légers parce que le JPG a le droit de simplifier une photo d’une manière qui passe presque toujours inaperçue à la taille d’affichage finale.
Ce compromis est utile. Un PNG n’est pas « mauvais » parce qu’il est lourd. Un JPG n’est pas « de mauvaise qualité » parce qu’il est plus léger. Ils règlent deux problèmes différents :
- PNG est le meilleur choix quand les pixels doivent rester exacts : captures d’écran, enregistrements d’interfaces, schémas, logos, icônes, visuels transparents et fichiers sources qui seront peut-être retravaillés.
- JPG est le meilleur choix quand l’image est photographique et doit être mise en ligne, envoyée par mail ou chargée rapidement.
- WebP est souvent le meilleur remplaçant sur le web quand on veut la transparence typique du PNG avec des fichiers plus légers.
L’erreur est d’utiliser du PNG partout parce que ça sonne « meilleure qualité ». Une photo d’appareil enregistrée en PNG peut peser plusieurs fois plus qu’un JPG, sans aucune amélioration visible sur un site.
Pourquoi le PNG explose sur les photos
Partez du calcul brut en pixels. Une image de 4000 × 3000 contient 12 millions de pixels. Stockée en RGBA 8 bits avant compression, c’est environ 48 Mo de données de pixels : rouge, vert, bleu et alpha pour chacun.
Le PNG compresse bel et bien ces données. La spécification PNG du W3C présente le PNG comme un format matriciel sans perte et définit des étapes de filtrage puis de compression qui préservent l’information. En clair : l’encodeur essaie de prédire ou simplifier chaque ligne de pixels, puis compresse les motifs d’octets restants.
Cela marche à merveille quand l’image comporte des motifs répétés :
- un fond blanc dans la capture d’un logiciel ;
- un bouton bleu aplati répété dans une interface ;
- du texte noir sur une page claire ;
- un graphique simple à quelques couleurs ;
- un logo entouré d’espace transparent.
Les photos, c’est autre chose. Sur une photo de visage, de rue, de forêt, de tissu produit ou d’assiette, les pixels voisins se ressemblent mais sont rarement identiques. Il y a du bruit capteur, de la texture, des ombres, du flou d’objectif, du grain, des variations de couleur et de minuscules transitions de bords. Le PNG n’a pas le droit de jeter tout cela : il doit continuer à le décrire.
Le JPG est construit exactement pour ce désordre photographique. Il peut simplifier le détail fin de couleur et de texture, surtout là où les spectateurs ont peu de chances de le remarquer. C’est pourquoi la même photo peut être un PNG de 12 Mo et un JPG de 1,5 Mo qui se ressemblent trait pour trait dans un article de blog.
PNG vs JPG selon le type d’image réel
Choisissez le format d’après le contenu, pas d’après l’extension.
| Type d’image | Meilleur format | Pourquoi |
|---|---|---|
| Photo d’appareil exportée en PNG | JPG ou WebP | Le détail photo alourdit le PNG sans bénéfice visible |
| Photo produit pour un marketplace | JPG | Bonne compatibilité et poids adapté aux limites de mise en ligne |
| Capture avec du texte de menu | PNG ou WebP sans perte | Les bords du texte restent nets |
| Logo transparent | PNG, WebP ou SVG | Le JPG ne préserve pas la transparence alpha |
| Schéma ou diagramme simple | PNG ou SVG | Les aplats et bords durs se compressent bien |
| Photo hero d’un site | WebP/JPG, parfois AVIF | Les formats modernes avec perte réduisent les octets à la taille d’affichage |
| Image source modifiable | PNG ou format design/raw d’origine | Éviter les exports avec perte répétés |
| Envoi vers un formulaire strict | JPG ou PNG | Utilisez le format que le système accepte réellement |
C’est là que beaucoup d’articles donnent de mauvais conseils. « Convertir le PNG en JPG » est correct pour un PNG à l’allure photo. Pas pour tous les PNG. Une capture de tableau de bord, un filigrane transparent, une icône d’application ou un code-barres peut être moins bon en JPG.
Sans perte veut dire exact, pas automatiquement petit
La compression sans perte signifie que l’image décodée peut reproduire les pixels d’origine à l’identique. Elle ne signifie pas que le fichier sera minuscule.
Pensez au PNG comme à quelqu’un qui fait ses valises avec soin. Si la valise contient dix chemises blanches identiques, il peut les ranger de façon efficace. Si elle contient 12 millions d’objets légèrement différents, il doit tous les noter.
C’est pourquoi le PNG s’en sort bien avec :
- des fonds unis ;
- des illustrations en aplats ;
- des couleurs d’interface qui se répètent ;
- du texte net ;
- des palettes réduites ;
- des masques de transparence simples.
Et peine avec :
- le bruit d’appareil ;
- la texture de peau ;
- les cheveux, tissus, herbe, feuilles, nuages et plats cuisinés ;
- les captures qui embarquent une photo ;
- les exports PNG d’images générées par IA ;
- les détourages produit avec beaucoup de détails d’ombres douces.
Le point clé : le poids d’un PNG dépend du contenu. Une petite icône aplatie peut être minuscule en PNG. Une photo de smartphone en pleine résolution peut devenir énorme.
Pourquoi le JPG est plus léger sur les photos
JPEG 1 a été conçu autour du codage d’images photographiques. La présentation officielle décrit le standard JPEG d’origine comme une technologie de codage cœur, avec des options pour les images photographiques. MDN résume aussi JPEG comme un bon choix pour la compression avec perte d’images fixes.
La raison pratique est simple : le JPG a le droit de perdre de l’information.
Il ne jette pas des pixels au hasard. Un encodeur JPG cherche les détails moins importants pour la perception humaine au niveau de qualité visé. C’est pourquoi le JPG marche bien pour :
- les portraits ;
- les paysages ;
- les photos culinaires ;
- les photos immobilières ;
- les photos produit sans texte minuscule ;
- les photos de voyage ;
- les images de fond.
Le JPG marche mal quand l’image comporte des bords exacts :
- petit texte d’interface ;
- diagrammes ;
- dessins au trait ;
- logos ;
- QR codes ;
- ombres transparentes ;
- captures de code.
Sur ces images, les artefacts JPG apparaissent en halos, en bruit de moustique, en traits flous et en salissures de couleur autour des bords durs. Pour les cacher, on monte souvent la qualité JPG au point que l’avantage de taille s’évapore.
Pourquoi les captures gagnent souvent en PNG
C’est le point qui fait trébucher : le PNG est plus lourd que le JPG sur beaucoup de photos, mais il peut être plus léger et plus propre pour les captures d’écran.
La capture d’une page de réglages peut contenir des milliers de pixels de la même couleur de fond. Elle réutilise sans doute la même couleur de texte, de bordure, de bouton. La compression PNG adore cette répétition. Le résultat est exact, net et souvent raisonnablement léger.
Enregistrez la même capture en JPG et l’encodeur doit gérer des bords durs partout. Autour des lettres et des icônes, il doit choisir quoi jeter. À basse qualité, la capture semble sale. À haute qualité, le fichier peut approcher la taille du PNG, parfois la dépasser.
Un test rapide :
- Si l’image contient du texte lisible, essayez d’abord le PNG ou le WebP sans perte.
- Si l’image est surtout une photo, essayez d’abord le JPG ou le WebP.
- Si elle mélange capture et photo, exportez les deux (PNG et WebP/JPG) et comparez à la taille à laquelle les gens la verront vraiment.
La transparence est une vraie fonction, pas un ornement
Le PNG prend en charge la transparence alpha. Chaque pixel peut donc être totalement opaque, totalement transparent ou partiellement transparent. C’est capital pour les logos, icônes, autocollants, détourages produit, filigranes, superpositions et éléments d’interface.
Le JPG n’a pas de canal alpha. En convertissant un PNG transparent en JPG, les pixels transparents doivent devenir une couleur normale. Certains outils les aplatissent sur du blanc, d’autres vous laissent choisir un fond, et certains encodeurs de navigateur ont leur propre comportement de composition. Le résultat n’est plus un asset transparent.
Ne convertissez donc pas un logo PNG en JPG juste parce que le JPG est plus léger. Vous économiserez peut-être des octets et casserez la mise en page.
Meilleurs choix :
- Utilisez le SVG pour les logos et icônes quand le visuel est vectoriel.
- Utilisez le PNG quand vous voulez une compatibilité maximale avec la transparence.
- Utilisez le WebP quand le site l’accepte et que vous voulez la transparence avec des fichiers plus légers.
- Utilisez l’AVIF quand le pipeline le prend en charge et que vous pouvez vérifier la compatibilité.
La documentation Google WebP rappelle que le WebP gère à la fois le mode avec perte, sans perte et la transparence. Cela en fait une alternative pratique à beaucoup de PNG transparents sur les sites modernes.
Pourquoi votre photo s’est retrouvée en PNG au départ
Beaucoup de photos PNG surdimensionnées ne sont pas un choix de format volontaire. Elles apparaissent parce qu’un autre outil a exporté ainsi.
Cas fréquents :
- Un outil de design a exporté un calque photo en PNG parce que tout le canevas avait de la transparence.
- Un outil de capture a saisi une page web contenant une grosse photo.
- Un outil d’image IA a téléchargé en PNG par défaut.
- Un CMS ou un éditeur a converti une image collée en PNG.
- Une application mobile ou de bureau a enregistré une photo éditée en PNG pour éviter la perte de génération.
- Un détourage produit transparent a été enregistré en PNG alors que l’emplacement final utilise un fond uni.
Avant de convertir, posez-vous deux questions :
- Est-ce vraiment une photo ? Si oui, le JPG ou le WebP a sans doute du sens.
- La transparence compte-t-elle encore ? Si oui, choisissez WebP, AVIF, PNG ou SVG plutôt que JPG.
Ce double contrôle évite la plupart des mauvaises conversions.
De combien le JPG sera-t-il plus léger ?
Il n’y a aucun pourcentage honnête et fixe. L’économie dépend des dimensions, du contenu, de la qualité d’export, du comportement de l’encodeur et du fait que le PNG avait déjà ou non une palette limitée.
Attentes utiles :
| PNG d’origine | Résultat JPG probable | Ce qu’il faut inspecter |
|---|---|---|
| Photo PNG en pleine résolution | Souvent 60 à 90 % plus léger | Peau, tissu, ombres, dégradés |
| Photo hero d’un site en PNG | Souvent bien plus léger après redimensionnement + JPG/WebP | Bords, cadrage, netteté avec DPR |
| Capture avec du texte | Peut-être plus léger, peut-être pire | Bords des lettres et bordures d’UI |
| Logo transparent | Conversion JPG non sûre | Transparence perdue |
| Graphique en aplats | Le PNG peut déjà être efficace | Texte des axes et netteté des traits |
| Capture mixte avec photo intégrée | Le WebP peut battre les deux | Zones de texte + de photo |
Dans le convertisseur PNG → JPG de PhotoTools, la qualité par défaut est de 90 %. C’est un bon premier export pour un PNG photo-like : il évite en général les artefacts visibles. Pour les photos web du quotidien, 80 à 88 fonctionne aussi. Pour des étiquettes produit, des visages ou des images sombres, montez la qualité et comparez.
Quand convertir un PNG en JPG
Convertissez le PNG en JPG lorsque tout ce qui suit est vrai :
- L’image est majoritairement photographique.
- La transparence n’est pas nécessaire.
- Il vous faut une large compatibilité avec des formulaires, des mails, des marketplaces ou de vieux systèmes.
- Le PNG actuel provoque des blocages de mise en ligne, des pages lentes ou des pièces jointes énormes.
- Vous avez encore le PNG d’origine ou le fichier source enregistrés.
Exemples :
- Un PNG de 9 Mo généré par IA à publier dans un billet de blog.
- Une photo produit de 14 Mo exportée par erreur d’un fichier de design en PNG.
- Une photo de téléphone éditée de 20 Mo qui doit tenir dans la limite de pièce jointe du mail.
- Une photo immobilière de 6 Mo qui ralentit aujourd’hui une page d’annonce.
Ne convertissez pas en JPG juste parce que le fichier est un PNG. Convertissez parce que le contenu et la destination font du JPG la bonne copie de livraison.
Quand ne pas convertir un PNG en JPG
Gardez le PNG, ou choisissez WebP/AVIF/SVG, quand l’image dépend de pixels exacts :
- captures de logiciels avec du texte lisible ;
- captures pour store d’applications ;
- captures de code ;
- documentation d’interface ;
- schémas et graphiques ;
- QR codes et codes-barres ;
- logos et icônes ;
- superpositions transparentes ;
- visuels de filigrane ;
- fichiers qui seront réédités.
Si le PNG est trop lourd mais qu’il a encore besoin de transparence, essayez PNG vers WebP ou PNG vers AVIF au lieu de JPG. Si c’est une capture géante, redimensionnez-la à la largeur réelle d’affichage avant de changer de format. Si c’est un logo, vérifiez si un SVG existe déjà.
Un flux pratique avec PhotoTools
Utilisez ce flux quand vous avez un dossier de gros PNG et qu’il vous faut des fichiers de livraison plus légers :
- Triez par contenu. Séparez photos, captures, ressources transparentes et logos. Ils ne devraient pas subir le même export.
- Convertissez les PNG photo-like en JPG. Utilisez PNG vers JPG, démarrez à qualité 90 et inspectez le résultat. Baissez la qualité tant que l’image reste propre à sa vraie taille d’affichage.
- Utilisez WebP pour les ressources web transparentes. Si l’alpha compte et que votre site accepte WebP, préférez PNG vers WebP à un aplatissement en JPG.
- Redimensionnez d’abord les images surdimensionnées. Une image de 5000 px de large affichée à 900 px gâche des pixels, quel que soit le format.
- Traitez les lots avec soin. Convertissez plusieurs fichiers à la fois, mais recontrôlez les cas difficiles : texte, visages, dégradés, bords transparents, étiquettes produit.
PhotoTools s’appuie sur les APIs image du navigateur pour la conversion. Le convertisseur décode la source avec createImageBitmap, la dessine sur un OffscreenCanvas puis exporte le format et la qualité choisis via convertToBlob. La page affiche les tailles d’origine et de sortie, et les résultats de lot peuvent être téléchargés en ZIP.
Une checklist rapide
À utiliser avant d’exporter :
| Question | Si oui | Si non |
|---|---|---|
| Est-ce une image d’appareil / photo-like ? | Essayez JPG ou WebP | Essayez PNG, WebP, SVG ou AVIF selon le contenu |
| A-t-elle besoin de transparence ? | Évitez le JPG | Le JPG peut convenir |
| Contient-elle du petit texte lisible ? | Préférez le PNG ou le WebP sans perte | JPG/WebP avec perte peuvent convenir |
| Le fichier est-il surdimensionné pour l’affichage ? | Redimensionnez d’abord | Convertissez/compressez ensuite |
| Le site cible rejette-t-il WebP/AVIF ? | Utilisez JPG ou PNG | Utilisez les formats modernes quand ils apportent quelque chose |
| Allez-vous la rééditer plus tard ? | Gardez une copie sans perte ou la source | Exportez une copie de livraison |
La bonne habitude est de garder le PNG ou le fichier source comme master, puis d’exporter à part une copie JPG/WebP pour la livraison. Vous obtenez ainsi des fichiers légers à mettre en ligne sans perdre la source propre.
Pour conclure
Les PNG sont volumineux face au JPG lorsqu’on leur demande de stocker le mauvais type d’image. Le PNG est excellent pour préserver des pixels exacts, la transparence et les motifs graphiques répétés. Le JPG est excellent pour rendre des photographies suffisamment légères pour circuler sur le web.
Si le fichier est une photo et que la transparence n’a pas d’importance, convertissez le PNG en JPG ou WebP. Si c’est une capture, un logo, un schéma ou un asset transparent, ne considérez pas que le JPG est un progrès. Choisissez le format en fonction de ce que sont vraiment les pixels et de l’endroit où le fichier devra fonctionner.