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.

Von PNG zu WebP wechseln

Was verloren geht

PNG speichert bis zu 16 Bit pro Kanal, WebP 8. Die zusätzliche Genauigkeit ist das, was starke Korrekturen ohne Streifenbildung übersteht — wandle deshalb besser nach der Bearbeitung um als davor.

Was erhalten bleibt

Es geht nichts verloren. PNG und WebP speichern ihren Inhalt verlustfrei — die Umwandlung tauscht die Verpackung, nicht die Qualität, und du kannst sie wiederholen, ohne dass sich Schäden aufsummieren.

Die Transparenz bleibt. PNG und WebP speichern beide einen Alphakanal — ein Freisteller bleibt freigestellt, und hinter ihm wird nichts aufgefüllt.

Was das Zielformat zusätzlich kann

WebP kann Animation tragen, eine PNG-Datei ist ein Einzelbild. Heraus kommt eine Datei mit einem Bild in einem Format, das mehr könnte.

Das Ergebnis öffnen

Adobe Photoshop und GIMP lesen sowohl PNG als auch WebP — du kannst das Ergebnis also gegen das Original prüfen, ohne ein zweites Programm zu brauchen.

Wofür die beiden Formate gedacht sind

PNG stammt von PNG Development Group und wurde 1996 veröffentlicht. Aufgezeichnet wird mit 16 Bit pro Kanal.

WebP kommt von Google und stammt aus 2010, festgehalten in RFC 9649. Adobe Photoshop, GIMP und Squoosh lesen das Format.

Von WebP zu PNG wechseln

Was verloren geht

PNG speichert ein einzelnes Standbild. Von einer animierten WebP-Datei bleibt das erste Bild übrig, der Rest fällt weg. Die Umwandlung ist also ein Weg, ein Einzelbild herauszuholen, kein Weg, die Bewegung mitzunehmen.

Was erhalten bleibt

Es geht nichts verloren. WebP und PNG speichern ihren Inhalt verlustfrei — die Umwandlung tauscht die Verpackung, nicht die Qualität, und du kannst sie wiederholen, ohne dass sich Schäden aufsummieren.

Die Transparenz bleibt. WebP und PNG speichern beide einen Alphakanal — ein Freisteller bleibt freigestellt, und hinter ihm wird nichts aufgefüllt.

Das Ergebnis öffnen

Adobe Photoshop und GIMP lesen sowohl WebP als auch PNG — du kannst das Ergebnis also gegen das Original prüfen, ohne ein zweites Programm zu brauchen.

Wofür die beiden Formate gedacht sind

WebP stammt von Google und wurde 2010 veröffentlicht. Aufgezeichnet wird mit 8 Bit pro Kanal.

PNG kommt von PNG Development Group und stammt aus 1996, festgehalten in ISO/IEC 15948. Adobe Photoshop, GIMP und Paint.NET lesen das Format.

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

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

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× größer

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

PNG und WebP Zeile für Zeile verglichen: was jedes Format speichert und was es kostet.
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

Mehr über diese Formate

Woher diese Zahlen stammen

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