PNG vs WebP

WebP ist fast immer kleiner; PNG ist die Datei, die du bedenkenlos weitergibst.

Wann PNG?

PNG, wenn die Datei bei jemand anderem landet, dessen Programme du nicht kennst. Es öffnet seit Jahrzehnten überall.

Wann WebP?

WebP für die eigene Webseite. Es kann dasselbe wie PNG, inklusive Transparenz, und braucht dafür deutlich weniger Platz.

Was dabei meistens übersehen wird

WebP beherrscht jeder aktuelle Browser — aber nicht jedes Bildbetrachtungsprogramm und nicht jede ältere Software. Wer eine Datei per E-Mail verschickt, weiß nicht, womit sie geöffnet wird.

Was PNG zu WebP tatsächlich bewirkt

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

Eine fotografische Szene — weiche Verläufe, sanfte Kanten, Bildrauschen. Das ist der Fall, für den WebP gemacht ist oder eben nicht, und die Zahlen zeigen, welcher von beiden. Beide Bilder werden im Code gezeichnet und von demselben Konverter kodiert, der auch auf dieser Seite läuft — die Größenangaben sind also unsere eigene Ausgabe.
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

Ein durchsichtiger Hintergrund und ein Verlauf über die Form. WebP behält entweder beides, nur eines davon, oder füllt die Transparenz mit einer festen Farbe — und das ist der Unterschied, über den die meisten stolpern. Beide Bilder werden im Code gezeichnet und von demselben Konverter kodiert, der auch auf dieser Seite läuft — die Größenangaben sind also unsere eigene Ausgabe.
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

Flächige Farben und harte Kanten, wie in einer Oberfläche, einem Diagramm oder einem Logo. Das verhält sich völlig anders als das Foto darüber — und genau deshalb lautet die Antwort: es kommt darauf an, was in der Datei steckt. Beide Bilder werden im Code gezeichnet und von demselben Konverter kodiert, der auch auf dieser Seite läuft — die Größenangaben sind also unsere eigene Ausgabe.

Nebeneinander

PNGWebP
Full namePortable Network GraphicsWebP Image
Endung.png.webp
Medientypimage/pngimage/webp
KompressionVerlustfrei — es wird nichts verworfenBeides, je nach Einstellung
Diese Seite kann es schreibenJaJa

Entschieden? Hier umwandeln

Woher diese Zahlen stammen

Was diese Seite über PNG and WebP behauptet, lässt sich nachprüfen — hier stehen die Dokumente, die es festlegen.