WebP ist ein von Google entwickeltes Rasterbildformat (2010), das verlustbehaftete und verlustfreie Kompression, Transparenz und Animationen in einem einzigen Format vereint und dabei kleinere Dateien als JPEG oder PNG erzeugt.
Rubrik: Ausgabeformate & Technische Standards · Unterrubrik: Bild-Dateiformate · Niveau: Einsteiger Dateiendung: .webp · Entwickler: Google · Eingeführt: 2010
Was ist WebP?
WebP wurde von Google mit dem Ziel entwickelt, Webseiten schneller zu laden. Das Format kombiniert die Stärken von JPEG (effiziente Fotokompression) und PNG (Transparenz, verlustfreie Qualität) in einem modernen Containerformat. Seit 2022 unterstützen alle wichtigen Browser WebP, was es zum praktischen Standard für Web-Bilder gemacht hat.
Erklärung
WebP basiert technisch auf dem VP8-Videokompressionsformat (verlustbehafteter Modus) und einem abgewandelten DEFLATE-Algorithmus (verlustfreier Modus). Die verlustbehaftete Variante nutzt wie VP8 Blockprädiktion und Transformationen, die ursprünglich für Videokodierung entwickelt wurden.
Verlustbehaftetes WebP: Erreicht bei vergleichbarer visueller Qualität typischerweise 25–34 % kleinere Dateien als JPEG. Der Kompressionsalgorithmus arbeitet effizienter bei feinen Texturen und liefert weniger Blockartefakte.
Verlustfreies WebP: Erzeugt im Schnitt 26 % kleinere Dateien als PNG bei identischer Bildqualität. Es werden Farbräume, Farbcaching und prädiktive Codierung eingesetzt.
Transparenz (Alphakanal): WebP unterstützt in beiden Modi einen vollwertigen 8-Bit-Alphakanal. Verlustbehaftetes WebP kann Farb- und Transparenzinformation getrennt kodieren, was besonders bei halbtransparenten Elementen effizient ist.
Animation: WebP unterstützt Animationen (ähnlich GIF und APNG) mit voller Farbtiefe (24-Bit + Alpha) und ist damit eine direkte Verbesserung gegenüber GIF, das auf 256 Farben begrenzt ist.
Farbtiefe: 24-Bit-RGB + 8-Bit-Alpha (32 Bit gesamt). WebP unterstützt kein 16-Bit-pro-Kanal – für HDR und professionelle Farbanforderungen ist AVIF oder OpenEXR besser geeignet.
Metadaten: WebP-Container können EXIF-, XMP- und ICC-Metadaten speichern.
Browser-Unterstützung: Chrome (seit 2011), Firefox (seit 2019), Safari (seit 2020), Edge (seit 2018). Ältere Browser (IE, Safari < 14) unterstützen WebP nicht – in diesen Fällen werden Fallback-Bilder benötigt.
Einschränkungen: Kein CMYK-Farbraum (keine direkte Druckeignung), keine 16-Bit-Unterstützung, eingeschränkte Unterstützung in Desktop-Bildbearbeitungssoftware (ältere Photoshop-Versionen benötigen Plugin).
Beispiele
- E-Commerce-Produktbilder: Ein Onlineshop konvertiert JPEG-Produktfotos automatisch zu WebP, um Ladezeiten um 20–30 % zu reduzieren, und liefert JPEG als Fallback für ältere Browser.
- Web-Icons und UI-Elemente: Transparente Hintergrundgrafiken werden als verlustfreies WebP exportiert statt als PNG – kleinere Dateigröße, gleiche Qualität.
- Animierte Web-Inhalte: Kurze animierte Loops (Reaktionen, Micro-Animationen) werden als animiertes WebP statt GIF gespeichert – bessere Qualität, kleinere Dateien.
- Content Delivery Networks (CDN): Dienste wie Cloudflare und Cloudinary wandeln Bilder on-the-fly in WebP um, wenn der Browser es unterstützt.
- Mobile Apps: Android-Apps nutzen WebP für Ressourcen-Bilder, da das Format nativ in Android unterstützt wird und Speicher spart.
In der Praxis
Wann WebP verwenden:
- Web-Projekte, bei denen moderne Browser-Kompatibilität ausreicht
- Fotobilder und Grafiken mit Transparenz, bei denen Dateigröße wichtig ist
- Animierte Inhalte als GIF-Ersatz
Export-Einstellungen:
- Verlustbehaftet: Qualität 80–85 für Fotos (vergleichbar mit JPEG 90)
- Verlustfrei: Kompression 4–6 für Grafiken und Logos
- Immer sRGB-Farbprofil, da kein CMYK
- HTML-Fallback über
<picture>-Element für maximale Kompatibilität
Software-Kompatibilität: Adobe Photoshop (nativ ab CC 2023), GIMP (ab 2.10), Affinity Photo, Sketch, Figma, alle modernen Browser.
Vergleich & Abgrenzung
Gegenüber JPEG: WebP ist deutlich effizienter bei vergleichbarer Qualität und unterstützt Transparenz. JPEG bleibt universeller (Print, ältere Software), WebP ist aber für reinen Web-Einsatz überlegen.
Gegenüber AVIF: AVIF bietet noch bessere Kompression (30–50 % besser als JPEG), unterstützt HDR und 12-Bit-Farbe, ist aber noch nicht so weit verbreitet und die Enkodierung ist langsamer. Für aktuelle Web-Projekte empfiehlt sich eine Strategie mit AVIF als bevorzugtem Format und WebP als Fallback – detaillierter Vergleich: WebP vs. AVIF.
Häufige Fragen (FAQ)
Wann sollte ich WebP statt JPEG oder PNG verwenden? WebP ist für alle Web-Anwendungen sinnvoll, bei denen moderne Browser genutzt werden. Es übertrifft JPEG bei Fotos und PNG bei Grafiken mit Transparenz hinsichtlich der Dateigröße. Für Print-Workflows, professionelle Bildbearbeitung oder Archivierung sind JPEG und TIFF weiterhin die bessere Wahl, da WebP keine CMYK-Unterstützung und eingeschränkte Software-Kompatibilität außerhalb des Webs bietet.
Welche Qualitätseinstellungen sind bei WebP optimal? Für verlustbehaftetes WebP ist ein Qualitätswert von 80–85 vergleichbar mit JPEG 85–90 und erzeugt dabei deutlich kleinere Dateien. Werte unter 75 führen sichtbare Artefakte ein. Für verlustfreies WebP beeinflusst die Kompressionsstufe (0–6) nur Kodierungszeit und Dateigröße, nicht die Bildqualität – Stufe 4 ist für die meisten Anwendungsfälle ausreichend.
Weiterführend
- Google Developers: „WebP Compression Study" – developers.google.com/speed/webp/docs/webp_study (2013, aktualisiert 2022)
- W3C WebP Image Format Specification – chromium.org/teams/rendering/compressed-web-image-formats
- web.dev: „Use WebP images" (2023)
