Die kurze Antwort: Bei der Dateigröße gewinnt WebP fast immer. Bei Kompatibilität und Bearbeitungsworkflows gewinnt PNG fast immer. Die richtige Frage ist nicht, welches Format besser ist — sondern welche Aufgabe du erledigst. Aber „es kommt darauf an" hilft erst, wenn du weißt, warum es darauf ankommt, und das liegt an der Art, wie die Formate komprimieren.
Wie die beiden Formate komprimieren
PNG kann genau eine Sache: verlustfreie Kompression. Jede Pixelzeile läuft durch einen Vorhersagefilter, der die Daten möglichst repetitiv macht, dann presst DEFLATE — dieselbe LZ77-plus-Huffman-Familie wie in ZIP-Dateien — das Ergebnis zusammen. Jedes Pixel überlebt Bit für Bit. PNG wurde Mitte der Neunziger als patentfreier GIF-Ersatz entworfen, und die Geburt von PNG erklärt, warum es so konservativ gebaut wurde.
WebP kann zwei Dinge, weil es eigentlich zwei Formate mit gemeinsamer Dateiendung sind. Verlustbehaftetes WebP ist VP8, der Intra-Frame-Codec aus Googles Videokompression — blockbasiert, im Frequenzbereich, philosophisch ein Cousin von JPEG. Verlustfreies WebP ist VP8L, ein eigens gebauter Lossless-Codec mit eigener Entropiekodierung, Farbtransformationen und räumlicher Vorhersage. Google veröffentlichte das Ganze 2010, und die Geburt von WebP erzählt die Vorgeschichte.
Beide Formate unterstützen Alpha-Transparenz, aber unterschiedlich. PNG führt Alpha als vollwertigen Kanal neben Rot, Grün und Blau. Verlustbehaftetes WebP hängt Alpha als separaten, verlustfrei kodierten Kanal neben die verlustbehafteten Farbdaten — so bekommst du ein komprimiertes Foto mit scharfem transparentem Freisteller, was weder JPG noch reines VP8 allein konnten. Wenn der Unterschied zwischen den beiden Kompressionsphilosophien unscharf ist, erklärt unser Artikel über verlustbehaftete vs. verlustfreie Komprimierung die Grundlagen.
Die Größenrealität
Googles eigene Benchmarks behaupten, verlustfreies WebP sei bei denselben Bildern rund 26 % kleiner als PNG. In der Praxis, an echten Grafiken, hält diese Zahl:
| Bild | PNG | WebP (verlustfrei) | WebP (verlustbehaftet, q80) |
|---|---|---|---|
| 1920×1080-UI-Screenshot | ~250 KB | ~180 KB | ~90 KB |
| Logo mit transparentem Hintergrund | ~40 KB | ~28 KB | ~12 KB |
| 12-MP-Foto (zum Vergleich) | ~20 MB | ~14 MB | ~1,5 MB |
Zwei Dinge fallen auf. Erstens schlägt verlustfreies WebP PNG auf dessen eigenem Terrain — Screenshots, Logos, Vollfarbgrafiken — mit konstantem Vorsprung, weil VP8Ls Vorhersagen und Entropiekodierung eine Generation vor DEFLATE liegen. Zweitens richtet die verlustbehaftete Spalte den eigentlichen Schaden an: Ein Foto als verlustbehaftetes WebP ist um eine Größenordnung kleiner als PNG. Den entsprechenden JPG-Vergleich haben wir in JPG vs. PNG durchgespielt, und der Web-Bildformate-Guide zeigt, wo alle drei stehen.
Wo PNG immer noch gewinnt: alles, was kein Browser ist
Jeder moderne Browser rendert WebP seit Jahren. Dieser Satz trägt viel Gewicht, denn sobald du einen Browser verlässt, wird die WebP-Unterstützung lückenhaft. Ältere Photoshop-Versionen brauchen ein Plugin. Manche CMS-Uploads und Marktplatz-Tools lehnen .webp rundweg ab. Desktop-Bildbetrachter auf älteren Betriebssystemen zucken mit den Schultern. Office-Suites, Druckereien und Embedded-Systeme hinken noch weiter hinterher.
PNG hat keines dieser Probleme. Es ist seit Ende der Neunziger universell lesbar — jeder Bildeditor, jedes Betriebssystem, jede Office-Suite, jede Druck-Pipeline. Wenn jemand sagt, eine Datei „funktioniert einfach", meint er meist PNG oder JPG.
Die Workflow-Frage
Das ist der Teil, den die meisten Vergleiche auslassen. PNG ist nicht nur ein Auslieferungsformat, es ist das Standard-Zwischenformat. Es öffnet überall, es degradiert nie beim erneuten Speichern, und jedes Werkzeug in jeder Pipeline akzeptiert es. Deshalb exportieren Designer Arbeitsdateien als PNG, selbst wenn das finale Asset als WebP ausgeliefert wird.
Der vernünftige Workflow sieht so aus: Bearbeiten und archivieren in PNG (oder einem echten Arbeitsformat wie PSD), dann WebP für die Website exportieren. WebP ist der Versandcontainer, PNG ist die Werkstatt. Die website-spezifische Version dieser Entscheidung vertieft PNG vs. WebP für Websites, und WebP vs. JPG deckt die Fotoseite ab.
Welches Format wann
| Aufgabe | Format | Warum |
|---|---|---|
| Bilder auf einer Website, die du kontrollierst | WebP | kleiner bei gleicher Qualität, Alpha inklusive |
| Screenshots und UI-Grafiken | WebP zum Ausliefern, PNG zum Teilen | Größe vs. universelles Öffnen |
| Dateien an Kunden oder Druckerei | PNG | öffnet überall, keine Rückfragen |
| Bearbeitung und Archivierung | PNG | verlustfrei, jedes Tool liest es |
| Upload in ein fremdes Formular | PNG | viele Formulare lehnen WebP noch ab |
Wenn du umwandeln musst
Wenn eine WebP-Datei an einem Upload-Formular oder einer alten App abgeprallt ist, wandelt WebP zu PNG sie lokal in deinem Browser um — Transparenz intakt, nichts hochgeladen; die Schritt-für-Schritt-Anleitung steht in WebP in PNG umwandeln. In die andere Richtung schrumpft PNG zu WebP eine Grafik typischerweise um ein Viertel oder mehr, bevor sie auf eine Seite geht. Beide laufen komplett auf deinem Gerät.
Die Regel, die aus all dem folgt: Behalte deine Originale in PNG, liefere WebP ans Web aus, und wandle bei Bedarf um, wenn die Außenwelt widerspricht.
