Marché
Tarifs
Se connecterCommencer
Guide pratiqueCSS et web
CSS et web

PNG ou JPG : quel format d’image utiliser et quand

Un format garde chaque pixel, l’autre jette des détails pour rester léger. Savoir quels détails disparaissent vous dit lequel choisir, à chaque fois.

GradientlyCompte Gradiently vérifié·1 octobre 2026·6 min de lecture
Couverture : Juniper Harmony · GR·0KJ9·HF

L’essentiel en bref

  • Le PNG est sans perte, il conserve donc chaque pixel à l’identique, tandis que le JPG est avec perte et supprime les détails que l’œil a le moins de chances de remarquer.
  • Utilisez le PNG pour le texte, les logos, les captures d’écran, les aplats de couleur et tout ce qui demande un fond transparent.
  • Utilisez le JPG pour les photos, où sa compression se voit peu et où le fichier est plusieurs fois plus léger.
  • Le JPG ne gère pas la transparence, et il a tendance à faire apparaître des blocs et des bandes dans les dégradés lisses et autour des lettres nettes.
  • Les réseaux sociaux recompressent chaque fichier envoyé : partir d’un PNG propre ou d’un JPG de haute qualité laisse moins de prise à leur compression.
Sur cette page
La différence entre PNG et JPGQuand utiliser le PNGQuand utiliser le JPGPNG ou JPG pour les réseaux sociauxPNG ou JPG pour un logoPourquoi les dégradés font des bandes en JPGEt le WebP et l’AVIF ?

La réponse courte à PNG ou JPG : utilisez le PNG pour tout ce qui contient du texte, des logos, des aplats, des bords nets ou un fond transparent, et le JPG pour les photos. Le PNG est sans perte : chaque pixel exporté est le pixel qui arrive. Le JPG est avec perte : il supprime des détails pour alléger le fichier, et ce sont précisément ces détails qui rendent les lettres nettes et les dégradés lisses. Une photo masque bien cette perte. Un titre sur un dégradé, non.

La différence entre PNG et JPG

Les deux formats stockent une grille de pixels, donc aucun ne s’agrandit sans devenir flou. Ce qui les distingue, c’est la façon dont ils compressent cette grille dans un fichier.

Compression

PNG

Sans perte : rien n’est supprimé

JPG (JPEG)

Avec perte : des détails sont supprimés pour gagner de la place
Transparence

PNG

Oui, une couche alpha complète

JPG (JPEG)

Non, les zones transparentes deviennent une couleur unie
Idéal pour

PNG

Texte, logos, captures d’écran, aplats, dégradés

JPG (JPEG)

Photos et créations à base de photos
Poids du fichier

PNG

Plus lourd pour les photos, léger pour les graphismes en aplat

JPG (JPEG)

Léger pour les photos, réglable avec la qualité
Réenregistrement

PNG

Sans risque, aucune perte

JPG (JPEG)

Chaque enregistrement perd un peu plus
CouleurJusqu’à 16 bits par couche, sRGB sur le web

JPG (JPEG)

8 bits par couche, sRGB sur le web
PropriétéPNGJPG (JPEG)
CompressionSans perte : rien n’est suppriméAvec perte : des détails sont supprimés pour gagner de la place
TransparenceOui, une couche alpha complèteNon, les zones transparentes deviennent une couleur unie
Idéal pourTexte, logos, captures d’écran, aplats, dégradésPhotos et créations à base de photos
Poids du fichierPlus lourd pour les photos, léger pour les graphismes en aplatLéger pour les photos, réglable avec la qualité
RéenregistrementSans risque, aucune perteChaque enregistrement perd un peu plus
CouleurJusqu’à 16 bits par couche, sRGB sur le web8 bits par couche, sRGB sur le web
JPG et JPEG sont le même format. L’extension en trois lettres est un vestige d’anciens systèmes de fichiers.

Le JPG découpe l’image en petits carrés de 8×8 pixels, puis simplifie la couleur et les détails fins à l’intérieur de chacun. Dans une photo pleine de texture, cette simplification disparaît dans le bruit. Dans un dégradé lisse ou au bord d’une lettre, elle se voit sous forme de blocs discrets, de halos baveux et de bandes de couleur en paliers.

Quand utiliser le PNG

  • Les visuels chargés en texte : cartes citation, annonces, carrousels, diapositives.
  • Les logos et les icônes, surtout sur fond transparent.
  • Les captures d’écran d’interfaces, où le JPG brouille les petits caractères.
  • Les dégradés et les aplats, qui font des bandes et des blocs sous la compression JPG.
  • Les fichiers maîtres que vous retoucherez, pour ne pas perdre de qualité à chaque enregistrement.
Enregistré en PNG
Ouvert tard le vendredi.
Bords nets, dégradé lisse
Gradiently · @gradiently

Une publication texte sur un dégradé exportée en PNG : des lettres nettes, aucune bande.

Enregistré en JPG basse qualité
Ouvert tard le vendredi.
Regardez le bord des lettres et les coins sombres
Gradiently · @gradiently

Enregistrée en JPG très compressé, c’est ici que les artefacts apparaissent en premier : des halos autour des lettres et des paliers dans les coins sombres.

Quand utiliser le JPG

Utilisez le JPG pour les photos : produits, portraits, voyages, cuisine. Les vraies photos sont pleines de grain et de texture, ce qui masque la compression, et un JPG en qualité 80 à 85 environ paraît généralement identique à l’original pour une fraction du poids. Une grande photo en PNG peut facilement peser plusieurs fois plus sans gain visible.

Le JPG convient aussi aux créations faites surtout de photo avec un peu de texte, tant que ce texte est grand. Si le texte est petit ou fin, ou posé sur un ciel lisse, exportez plutôt en PNG, ou testez les deux et comparez au zoom 100 %.

PNG ou JPG pour les réseaux sociaux

Instagram, Facebook, X et LinkedIn recompressent tout ce que vous envoyez, généralement en JPG. On pourrait croire que cela dispense de s’en soucier, mais c’est l’inverse : les compressions s’additionnent. Un JPG déjà compressé l’est une seconde fois, et les artefacts doublent. Donnez à la plateforme le fichier le plus propre possible, à la taille exacte qu’elle attend, pour qu’elle n’ait rien à redimensionner. Les formats sont dans les tailles d’image pour les réseaux sociaux.

Publication Instagram 1080×1350

1080 × 1350

Story 1080×1920

1080 × 1920

Publication X 1600×900

1600 × 900

Publication LinkedIn 1200×1200

1200 × 1200

Exportez à ces dimensions exactes en pixels. Une plateforme qui doit redimensionner votre image la recompresse plus fort.
Carte citation, annonce, diapositive de carrousel

Format d’export

PNG

Pourquoi

Le texte et les aplats survivent mieux à la recompression
Fond en dégradé ou en matière avec des mots

Format d’export

PNG

Pourquoi

Évite les bandes dans les tons sombres et subtils
PhotoJPG, qualité 85 à 90

Pourquoi

Visuellement identique, bien plus léger
Logo pour une photo de profil

Format d’export

PNG

Pourquoi

Des bords nets, et réutilisable avec transparence
Image de lien Open Graph

Format d’export

PNG ou JPG

Pourquoi

PNG pour du texte, JPG pour une photo ; restez sous quelques centaines de Ko
Ce que vous publiezFormat d’exportPourquoi
Carte citation, annonce, diapositive de carrouselPNGLe texte et les aplats survivent mieux à la recompression
Fond en dégradé ou en matière avec des motsPNGÉvite les bandes dans les tons sombres et subtils
PhotoJPG, qualité 85 à 90Visuellement identique, bien plus léger
Logo pour une photo de profilPNGDes bords nets, et réutilisable avec transparence
Image de lien Open GraphPNG ou JPGPNG pour du texte, JPG pour une photo ; restez sous quelques centaines de Ko

PNG ou JPG pour un logo

Le PNG, toujours, s’il vous faut un fichier en pixels. Un logo est fait de formes en aplat et de bords nets, que le PNG compresse bien et que le JPG abîme, et un logo a presque toujours besoin d’un fond transparent pour se poser sur des photos, des couleurs et le mode sombre. Mieux encore, gardez le fichier maître en SVG, qui reste net à toutes les tailles. SVG ou PNG explique quand utiliser lequel, et les tailles de logo liste les fichiers dont vous avez besoin.

Pourquoi les dégradés font des bandes en JPG

Les dégradés lisses sont l’épreuve la plus difficile pour tout format. Un fondu sombre du quasi-noir au violet profond ne dispose que de quelques dizaines de valeurs de couleur distinctes, et la compression JPG fusionne les voisines en rayures visibles. C’est le banding des dégradés, et il est pire sur les fonds sombres et peu contrastés.

Du quasi-noir au violet profondlinear-gradient(180deg, #0b0a14 0%, #1a1233 45%, #2e1a5c 100%)
Un fondu sombre et subtil comme celui-ci est exactement ce qui fait des bandes en JPG. Exportez-le en PNG, ou ajoutez un peu de grain avant l’export.

Provoque du banding

  • Un JPG en qualité 60 ou moins
  • Enregistrer un JPG, le modifier et l’enregistrer à nouveau
  • Un fondu numérique parfaitement lisse, sans texture
  • Envoyer une taille que la plateforme doit redimensionner

L’évite

  • Du PNG pour tout ce qui contient un dégradé
  • Un JPG en qualité 90 ou plus si le JPG s’impose
  • Un léger calque de grain, qui casse les paliers
  • Exporter à la taille exacte en pixels de la plateforme

Le grain aide plus que n’importe quel réglage, car il donne au compresseur une texture avec laquelle travailler au lieu d’une plage plate de couleurs quasi identiques. Les dégradés granuleux montre la juste dose. Les Marks de Gradiently portent leur propre grain et leur propre lumière, exactement la texture qui aide une création en dégradé à survivre à la recompression d’une plateforme.

Et le WebP et l’AVIF ?

Sur votre propre site, des formats plus récents battent les deux : le WebP et l’AVIF peuvent être avec ou sans perte, gèrent la transparence et sont plus légers à qualité égale. Tous les navigateurs actuels prennent en charge le WebP. Gardez le PNG et le JPG pour les envois sur les plateformes et le partage de fichiers, et lisez WebP, PNG ou JPG avant de refaire les images de votre site. Pour les réglages eux-mêmes, voir compresser ses images sans abîmer les dégradés.

Créez avec un dégradé vivant

Posts, stories, diapositives et bannières dans tous les formats, avec un texte toujours lisible.

Commencer à créer, gratuit

Les questions qu’on nous pose

Le PNG est-il de meilleure qualité que le JPG ?

Le PNG est sans perte, il ne perd donc jamais en qualité, quel que soit le nombre d’enregistrements. Pour les photos, un JPG de haute qualité paraît identique à l’œil et bien plus léger : le meilleur dépend donc du contenu.

Faut-il publier en PNG ou en JPG sur Instagram ?

Le PNG pour le texte, les graphismes et les dégradés, le JPG en qualité 85 ou plus pour les photos. Instagram recompresse les deux : exportez à la taille exacte attendue, comme 1080×1350 pour une publication en portrait.

Le JPG gère-t-il les fonds transparents ?

Non. Le JPG n’a pas de couche alpha, donc les zones transparentes sont remplies d’une couleur unie, généralement du blanc. Utilisez le PNG, le WebP ou le SVG pour la transparence.

Pourquoi mon dégradé paraît-il rayé après un enregistrement en JPG ?

La compression JPG fusionne les couleurs proches des fondus lisses en bandes visibles. Exportez la création en PNG, montez la qualité JPG à 90 ou plus, ou ajoutez un léger calque de grain.

JPEG et JPG, c’est la même chose ?

Oui. C’est le même format ; JPG est simplement la version en trois lettres de l’extension.

Partager ce guide

Écrit par GradientlyCompte Gradiently vérifié

L’équipe derrière Gradiently, un outil de création construit autour des Marks : des dégradés vivants qui donnent à tout ce que vous créez votre propre signature.

Voir notre profil

Sur cette page

La différence entre PNG et JPGQuand utiliser le PNGQuand utiliser le JPGPNG ou JPG pour les réseaux sociauxPNG ou JPG pour un logoPourquoi les dégradés font des bandes en JPGEt le WebP et l’AVIF ?

Partager ce guide

À suivre dans CSS et web

SVG ou PNG : vectoriel ou pixels pour logos et visuels

Pour aller plus loin

Tous les guides : CSS et web
CSS et web

SVG ou PNG : vectoriel ou pixels pour logos et visuels

6 min de lecture

Un SVG est un ensemble d’instructions de dessin. Un PNG est une grille fixe de points. Cette seule différence décide du fichier qui va sur votre site, votre emballage et votre Instagram.

CSS et web

WebP, PNG ou JPG : les formats modernes pour le web

6 min de lecture

Votre site n’a pas à servir les mêmes fichiers que ceux que vous publiez sur Instagram. Le WebP et l’AVIF font le même travail que le PNG et le JPG en moins d’octets, à condition de bien les configurer.

CSS et web

Compresser une image sans abîmer ses dégradés

6 min de lecture

Les photos supportent une forte compression. Les dégradés, non. Voici pourquoi un fondu doux se transforme en rayures, et les réglages exacts qui le gardent lisse avec un fichier léger.

Trouvez le style qui n’est qu’à vous.

Chaque Mark est un fond vivant avec un seul propriétaire. Essayez un Mark encore disponible et réservez le vôtre quand vous le sentez.

Commencer à créer

Vérifier un certificat

Saisissez un numéro de certificat ou le code d’un Mark pour voir à qui il appartient.

Fonctionne avec ChatGPT et Claude

Demandez une création à votre IA. Elle la réalise dans votre Mark, prête à modifier.

ChatGPTClaude
Comment se connecter

Produit

  • Marché
  • Explorer
  • Tarifs
  • Certificats

Apprendre

  • Guide pratique
  • Centre d’aide
  • Nouveautés

Développeurs

  • Vue d’ensemble
  • ChatGPT et Claude
  • Référence de l’API
  • Clés API

Entreprise

  • À propos
  • Nous contacter
  • Se connecter

Mentions légales

  • Conditions
  • Confidentialité
  • Remboursements
  • Protection des Marks
  • Cookies
  • Toutes les politiques
Parcourez les lettres. Chacune porte un vrai Mark.Touchez une lettre pour voir son Mark.Un seul nom. Dix Marks à l’intérieur.
© 2026 Gradiently