WebP vs PNG
WebP ist ein modernes Webformat mit verlustbehaftetem und verlustfreiem Modus; PNG ist ein universell unterstütztes, verlustfreies Format.
WebP und PNG unterstützen beide vollständige Alpha-Transparenz, lösen aber unterschiedliche Probleme. WebP, von Google entwickelt, bietet einen verlustbehafteten Modus (basierend auf der VP8-Intra-Codierung) und einen verlustfreien Modus und kann so für Fotos und Grafiken im Web deutlich kleinere Dateien erzeugen. PNG ist ein rein verlustfreies Format mit nahezu universeller Unterstützung in Browsern, Betriebssystemen und Bildbearbeitungsprogrammen. Das macht es zur sicheren Standardwahl, wenn man nicht beeinflussen kann, womit eine Datei geöffnet wird.
| WebP | PNG | |
|---|---|---|
| Kompression | Verlustbehafteter und verlustfreier Modus | Nur verlustfrei |
| Transparenz (Alpha) | Vollständiger 8-Bit-Alphakanal in beiden Modi | Vollständiger 8-Bit-Alphakanal + 1-Bit-Paletten-Transparenz |
| Animation | Unterstützt (mehrere Frames, wie animiertes GIF) | Nicht unterstützt (APNG nutzen, ein eigenes Format) |
| Farbtiefe | 8 Bit pro Kanal (24-Bit-Farbe, kein 16-Bit/HDR) | Bis zu 16 Bit pro Kanal; Graustufen- und indizierte Modi |
| Typische Dateigröße | Kleiner als PNG bei den meisten Bildern; ca. 25-35 % kleiner als JPEG (verlustbehaftet) | Größer; nur effizient bei flächigen Grafiken, Text und Screenshots |
| Unterstützung | Alle aktuellen gängigen Browser; manche älteren Tools unterstützen es nicht | Universell in Browsern, Betriebssystemen und Bildsoftware |
WebP wählen, wenn
- Du Bilder im Web veröffentlichst und kleinere Dateien sowie schnellere Ladezeiten willst
- Du Transparenz oder Animation brauchst, aber eine bessere Kompression als PNG oder GIF willst
- Du fotografische Inhalte ausspielst, bei denen verlustbehaftete Kompression akzeptabel ist
- Dein Publikum aktuelle Browser nutzt, die alle WebP unterstützen
PNG wählen, wenn
- Du garantierte Kompatibilität mit jedem Browser, Betriebssystem oder älterer Software brauchst
- Das Bild ein Logo, Icon, Screenshot oder eine Strichzeichnung mit scharfen Kanten und flächigen Farben ist
- Du verlustfreie Qualität oder eine Farbtiefe von mehr als 8 Bit benötigst (bis zu 16 Bit/Kanal)
- Die Datei wiederholt bearbeitet wird und bei jedem Speichern nicht an Qualität verlieren darf
Nutze WebP für Bilder, die im Web ausgeliefert werden: Die kleineren Dateigrößen beschleunigen die Ladezeiten, während Transparenz erhalten bleibt und Animation unterstützt wird. Nutze PNG, wenn du maximale Kompatibilität, verlustfreie Qualität, höhere Bittiefe oder ein Format brauchst, das jedes Tool öffnen kann. Ein gängiger Workflow ist, ein PNG-Master zu behalten und WebP für die Veröffentlichung zu exportieren.