PNG vs WebP

Le WebP est presque toujours plus léger ; le PNG est le fichier qu’on transmet sans réfléchir.

Quand choisir PNG ?

PNG quand le fichier atterrit chez quelqu’un dont vous ne connaissez pas les logiciels. Il s’ouvre partout depuis des décennies.

Quand choisir WebP ?

WebP pour votre propre site. Il fait la même chose que le PNG, transparence comprise, pour nettement moins lourd.

Ce qu’on oublie presque toujours

Tous les navigateurs récents lisent le WebP — mais pas toutes les visionneuses ni tous les logiciels anciens. Qui envoie un fichier par courriel ignore avec quoi il sera ouvert.

Passer de PNG à WebP

Ce qui est perdu

PNG enregistre jusqu’à 16 bits par canal, WebP en garde 8. Cette précision supplémentaire est ce qui encaisse des corrections fortes sans bandes : convertissez après la retouche plutôt qu’avant.

Ce qui est conservé

Rien n’est écarté. PNG et WebP enregistrent leur contenu sans perte : la conversion change l’emballage, pas la qualité, et elle peut être répétée sans que les dégâts s’accumulent.

La transparence est conservée. PNG et WebP enregistrent tous deux une couche alpha : un détourage reste détouré et rien n’est rempli derrière.

Ce que le format cible apporte

WebP peut contenir une animation ; un fichier PNG est une image unique. Il en sort un fichier d’une seule image dans un format qui en accepterait davantage.

Ouvrir le résultat

Adobe Photoshop et GIMP lisent aussi bien PNG que WebP : vous pouvez comparer le résultat à l’original sans second logiciel.

À quoi sert chaque format

PNG est le format de PNG Development Group, publié en 1996. L’enregistrement se fait sur 16 bits par canal.

WebP vient de Google et date de 2010, décrit par RFC 9649. Adobe Photoshop, GIMP et Squoosh le lisent.

Passer de WebP à PNG

Ce qui est perdu

PNG contient une seule image fixe. D’un fichier WebP animé il reste la première image, le reste disparaît : la conversion sert à extraire une image, pas à emporter le mouvement.

Ce qui est conservé

Rien n’est écarté. WebP et PNG enregistrent leur contenu sans perte : la conversion change l’emballage, pas la qualité, et elle peut être répétée sans que les dégâts s’accumulent.

La transparence est conservée. WebP et PNG enregistrent tous deux une couche alpha : un détourage reste détouré et rien n’est rempli derrière.

Ouvrir le résultat

Adobe Photoshop et GIMP lisent aussi bien WebP que PNG : vous pouvez comparer le résultat à l’original sans second logiciel.

À quoi sert chaque format

WebP est le format de Google, publié en 2010. L’enregistrement se fait sur 8 bits par canal.

PNG vient de PNG Development Group et date de 1996, décrit par ISO/IEC 15948. Adobe Photoshop, GIMP et Paint.NET le lisent.

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

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 WebP.

WebP14 KB9.7× plus petit

Une scène photographique : dégradés doux, bords tendres, un peu de grain. C’est le cas pour lequel WebP 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 WebP.

WebP4 KB38 % plus petit

Un fond transparent et un dégradé sur la forme. WebP 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 WebP.

WebP11 KB4.2× plus gros

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 WebP comparés ligne par ligne : ce que chaque format conserve, et ce qu’il coûte.
PNGWebP
Full namePortable Network GraphicsWebP Image
Extension.png.webp
Type de médiaimage/pngimage/webp
CompressionSans perte — rien n’est écartéLes deux, selon le réglage
Cette page sait l’écrireOuiOui

D’où viennent ces chiffres

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