PNG vs JPG

JPG pour les photos, PNG pour tout ce qui contient du texte, des bords francs ou de la transparence.

Quand choisir PNG ?

PNG dès qu’il y a des lettres, des traits nets ou des aplats à bords marqués : captures d’écran, logos, schémas. Et chaque fois que le fond doit rester transparent.

Quand choisir JPG ?

JPG pour les photographies. Sur des dégradés doux et du grain, il pèse une fraction sans que la différence se voie.

Ce qu’on oublie presque toujours

Une capture d’écran enregistrée en JPG ressort avec un halo sale autour de chaque lettre, et cela ne part plus. À l’inverse, une photo en PNG devient énorme sans être plus belle : c’est la même image dans dix fois plus d’octets.

Ce que fait réellement le passage de PNG à JPG

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as PNG.

PNG139 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as JPG.

JPG9 KB15.9× smaller

Une scène photographique : dégradés doux, bords tendres, un peu de grain. C’est le cas pour lequel JPG est fait, ou justement pas — et les chiffres montrent lequel des deux. Les deux images sont dessinées par le code et encodées par le convertisseur qui tourne sur cette page : les tailles indiquées sont donc notre propre sortie.
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as PNG.

PNG7 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as JPG.

JPG6 KB18% smaller

Un fond transparent et un dégradé sur la forme. JPG conserve les deux, un seul, ou remplit la transparence d’une couleur fixe — et c’est la différence sur laquelle presque tout le monde trébuche. Les deux images sont dessinées par le code et encodées par le convertisseur qui tourne sur cette page : les tailles indiquées sont donc notre propre sortie.
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as PNG.

PNG3 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as JPG.

JPG16 KB6.3× larger

Des aplats et des bords francs, comme dans une interface, un schéma ou un logo. Cela se comporte tout autrement que la photo ci-dessus, et c’est bien pourquoi la réponse est : cela dépend de ce qu’il y a dans le fichier. Les deux images sont dessinées par le code et encodées par le convertisseur qui tourne sur cette page : les tailles indiquées sont donc notre propre sortie.

Côte à côte

PNG et JPG comparés ligne par ligne : ce que chaque format conserve, et ce qu’il coûte.
PNGJPG
Full namePortable Network GraphicsJPEG Image
Extension.png.jpg, .jpeg, .jpe
Type de médiaimage/pngimage/jpeg
CompressionSans perte — rien n’est écartéAvec perte — la taille se paie en qualité
Cette page sait l’écrireOuiOui

C’est décidé ? Convertissez ici

D’où viennent ces chiffres

Ce que cette page affirme sur PNG and JPG se vérifie : voici les documents qui le fixent.