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.

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× smaller

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% smaller

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× 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 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

C’est décidé ? Convertissez ici

D’où viennent ces chiffres

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