WebP vs PNG: Transparenz, Qualität
und Dateigröße im Vergleich

WebP oder PNG? Die kurze Antwort

• Auf einer Website: WebP. Verlustfreies WebP ist etwa 26 % kleiner als PNG, und verlustbehaftetes WebP mit Transparenz ist noch viel kleiner.
• Außerhalb des Browsers (Bearbeitung, E-Mail, Druck, Versand von Dateien): PNG, weil jede App es öffnet.
• 16-Bit-Farbe: PNG. WebP speichert nur 8 Bit pro Kanal.

Direkter Vergleich

Verlustfreie Komprimierung: WebP ist kleiner

Sowohl WebP als auch PNG unterstützen verlustfreie Komprimierung, was bedeutet, dass das dekodierte Bild pixelgenau mit dem Original identisch ist. Der verlustfreie Algorithmus von WebP ist jedoch deutlich effizienter.

Laut Googles Tests sind verlustfreie WebP-Bilder im Durchschnitt 26 % kleiner als gleichwertige PNG-Bilder. Dies ist auf die moderneren Komprimierungstechniken von WebP zurückzuführen, darunter Prädiktor-Codierung und Verbesserungen bei der Entropie-Kodierung gegenüber PNGs DEFLATE-Algorithmus.

Darüber hinaus kann WebP verlustbehaftete Komprimierung mit Alphatransparenz verwenden — etwas, das PNG überhaupt nicht kann. Das ermöglicht drastisch kleinere Dateien (in Googles Tests etwa dreimal kleiner als PNG) für Bilder, bei denen ein leichter Qualitätsverlust akzeptabel, Transparenz aber weiterhin erforderlich ist, etwa bei Web-Bannern und UI-Overlays.

Transparenz: Beide unterstützen vollen Alphakanal

Sowohl WebP als auch PNG unterstützen 8-Bit-Alphakanal-Transparenz (256 Deckkraftstufen pro Pixel). Das bedeutet, beide können Folgendes darstellen:

• Weiche, geglättete Kanten bei Icons und Logos
• Halbtransparente Overlays, Schatten und Glaseffekte
• Verlauf-zu-Transparent-Effekte
• Komplexe Formen, die auf jeder Hintergrundfarbe überlagert werden

Die Transparenzqualität ist bei beiden Formaten im verlustfreien Modus identisch. Der entscheidende Unterschied besteht darin, dass WebP verlustbehaftete Komprimierung auf transparente Bilder anwenden kann und dabei etwas Qualität gegen deutlich kleinere Dateigrößen tauscht. Für Web-Icons und UI-Elemente, bei denen Transparenz wichtig ist, pixelgenaue Präzision aber weniger kritisch ist, ist verlustbehaftetes WebP mit Alpha eine äußerst leistungsstarke Option, die PNG schlicht nicht bieten kann.

Animation: WebPs klarer Vorteil

WebP unterstützt Animation nativ, ähnlich wie GIF, jedoch mit deutlich besserer Komprimierung und vollem 24-Bit-Farbspektrum plus 8-Bit-Alphatransparenz. In Googles Tests waren in verlustbehaftetes WebP konvertierte animierte GIFs 64 % kleiner (als verlustfreies WebP 19 %), und WebP ist meist kleiner als APNG.

PNG unterstützt technisch gesehen Animation über die APNG-Erweiterung (Animated PNG), hat jedoch erhebliche Einschränkungen:

• APNG-Dateien sind deutlich größer als animiertes WebP
• APNG war jahrelang eine inoffizielle Erweiterung; die PNG Third Edition (W3C, 2025) hat es in die Spezifikation aufgenommen
• Nur wenige Bildbearbeitungsprogramme und Erstellungswerkzeuge unterstützen APNG
• Alle großen Browser spielen APNG ab, aber viele Upload-Tools und Editoren behandeln es als statisches PNG

Für animierte Bilder im Web ist WebP der klare Gewinner. Es bietet bessere Komprimierung und breitere Tool-Unterstützung als APNG.

Farbtiefe und Präzision

PNG unterstützt bis zu 48-Bit-Farbe (16 Bit pro Kanal für RGB), was es für hochpräzise Workflows wie medizinische Bildgebung, wissenschaftliche Visualisierung und professionelle Fotografie geeignet macht, bei denen feine Farbabstufungen wichtig sind.

WebP ist auf 24-Bit-Farbe (8 Bit pro Kanal) beschränkt. Für die große Mehrheit der Anwendungsfälle — Web-Anzeige, UI-Grafiken, Icons, Fotos, Social Media — bietet 24-Bit-Farbe über 16 Millionen Farben, was mehr als ausreichend ist. Der Unterschied ist nur in spezialisierten professionellen Kontexten relevant, in denen die zusätzlichen 65.000+ Abstufungen pro Kanal im 16-Bit-Modus erforderlich sind.

Browser-Unterstützung im Vergleich

PNG wird seit den 1990er Jahren universell unterstützt. Jeder Browser, jedes Betriebssystem, jeder Bildbetrachter, jeder E-Mail-Client und jedes Design-Tool kann PNG-Dateien öffnen. Dies macht PNG zur sichersten Wahl, wenn Sie maximale Kompatibilität benötigen.

WebP hat 2026 eine nahezu universelle Browser-Unterstützung erreicht:

• Chrome: volle Unterstützung seit Version 32 (2014)
• Firefox: seit Version 65 (2019)
• Safari: seit Safari 14 / iOS 14 (2020)
• Edge: seit Version 18 (2018)

WebP fehlt jedoch weiterhin die Unterstützung in einigen Nicht-Browser-Kontexten: viele E-Mail-Clients, ältere Bildbearbeitungsprogramme, Druckproduktionswerkzeuge und Legacy-Software. Wenn Ihre Bilder über den Webbrowser hinaus verwendet werden, ist PNG das sicherere Format.

Wann sollten Sie PNG verwenden?

PNG bleibt in mehreren wichtigen Szenarien die bessere Wahl:

• Maximale Kompatibilität: Jeder Bildeditor, jedes CMS, jede Social-Media-Plattform, jeder E-Mail-Client und jedes Betriebssystem unterstützt PNG ohne Einschränkungen
• Druckproduktion: Druckworkflows verwenden TIFF, PDF und PNG. WebP ist kein Teil einer Druckproduktions-Pipeline
• Design-Lieferergebnisse: Wenn Sie Dateien an Kunden, Stakeholder oder nicht-technische Benutzer senden, ist PNG universell verständlich
• 16-Bit-Farbpräzision: Wissenschaftliche, medizinische und hochwertige Fotografie-Workflows, die 16 Bit pro Kanal benötigen, müssen PNG verwenden
• Langzeitarchivierung: PNG hat 30 Jahre universelle Unterstützung und ist ein W3C-Standard. Für Dateien, die noch Jahrzehnte lesbar sein müssen, ist PNG die sicherere Wahl
• Bildbearbeitung: PNG ist das Standard-Arbeitsformat in Photoshop, Figma, Sketch und Canva. Die WebP-Unterstützung in Design-Tools ist eingeschränkter
• E-Mail-Kampagnen: Die meisten E-Mail-Clients rendern PNG zuverlässig, haben aber eine inkonsistente WebP-Unterstützung

Wann sollten Sie WebP verwenden?

WebP ist die bessere Wahl, wenn:

• Bilder im Web ausgeliefert werden: 26 % kleinere verlustfreie Dateien (oder noch kleinere verlustbehaftete) = schnellere Seitenladezeiten, geringere Bandbreitenkosten
• Seitengeschwindigkeit wichtig ist: WebP verbessert direkt die Core Web Vitals und Google Lighthouse-Scores
• Transparente Bilder im Web: Verlustbehaftetes WebP mit Alpha erzeugt deutlich kleinere transparente Bilder als PNG
• Animierte Bilder: WebP-Animation ist APNG in Bezug auf Dateigröße und Tool-Unterstützung weit überlegen
• Bandbreitenbeschränkte Umgebungen: Mobile Nutzer, Schwellenmärkte oder Progressive Web Apps, bei denen jedes Kilobyte zählt
• Moderne Web-Anwendungen: Wenn Ihre Zielgruppe ausschließlich aktuelle Browser verwendet, bietet WebP gegenüber PNG reine Vorteile

WebP in PNG konvertieren: Qualitätsaspekte

Bei der Konvertierung von WebP in PNG hängt das Ergebnis vollständig vom Komprimierungstyp der Quell-WebP-Datei ab:

• Verlustfreies WebP → PNG: Die Konvertierung ist vollkommen verlustfrei. Die PNG-Ausgabe ist pixelidentisch mit der WebP-Quelle. Die PNG-Datei wird etwa ein Drittel größer sein (ist WebP 26 % kleiner, hat das PNG die 1 ÷ 0,74 ≈ 1,35-fache Größe), aber es geht keinerlei Qualität verloren. Sie können beliebig oft hin und her konvertieren, ohne Qualitätsverschlechterung
• Verlustbehaftetes WebP → PNG: Das PNG erfasst das WebP-Bild exakt so, wie es ist, einschließlich aller Komprimierungsartefakte aus der ursprünglichen verlustbehafteten Kodierung. Die Konvertierung selbst verursacht keinen zusätzlichen Qualitätsverlust, aber die bereits im verlustbehafteten WebP vorhandenen Artefakte werden im PNG „eingebrannt“. Die resultierende PNG-Datei wird größer sein als das Quell-WebP, da PNG Daten verlustfrei speichert