Definition
WebP ist ein Bildformat, das 2010 von Google als Open-Source-Projekt veröffentlicht wurde. Es unterstützt sowohl verlustbehaftete (lossy) als auch verlustfreie (lossless) Kompression sowie Transparenz (Alpha-Kanal) und Animationen — und vereint damit Funktionen, die bisher auf JPEG, PNG und GIF verteilt waren.
Bedeutung
Bilder machen durchschnittlich über 50 % der Dateigröße einer Webseite aus. WebP reduziert die Dateigröße bei vergleichbarer visueller Qualität um 25-34 % gegenüber JPEG und um bis zu 26 % gegenüber PNG. Seit 2023 unterstützen alle modernen Browser WebP. Für Core Web Vitals — insbesondere LCP (Largest Contentful Paint) — ist die Verwendung effizienter Bildformate ein direkter Optimierungshebel.
Funktionsweise
WebP basiert auf dem VP8-Videocodec für verlustbehaftete Kompression und verwendet prädiktive Codierung: Pixel werden nicht einzeln gespeichert, sondern als Differenz zu benachbarten Blöcken. Für verlustfreie Kompression nutzt WebP eigene Algorithmen, die Farbkanalkorrelationen und räumliche Muster ausnutzen. Der Alpha-Kanal für Transparenz wird unabhängig komprimiert. Server können WebP über Content Negotiation automatisch ausliefern, wenn der Browser das Format unterstützt (Accept-Header).
Praxisbeispiel
Eine Unternehmenswebsite konvertiert 200 Produktbilder von JPEG zu WebP. Die durchschnittliche Bildgröße sinkt von 320 KB auf 210 KB — ohne sichtbaren Qualitätsverlust. Die Gesamtladezeit der Produktübersichtsseite verbessert sich um 1,2 Sekunden, der LCP-Wert fällt von 3,8s auf 2,4s.
Verwandte Begriffe
- AVIF: Ein noch effizienteres Bildformat, das auf dem AV1-Videocodec basiert und WebP in der Kompressionsrate übertrifft.
- JPEG: Das seit 1992 verwendete Standard-Bildformat für Fotos mit verlustbehafteter Kompression.
- Largest Contentful Paint (LCP): Eine Core Web Vital Metrik, die die Ladezeit des größten sichtbaren Elements misst — oft ein Bild.