Was ist WebP?
WebP ist ein modernes Bildformat, das 2010 von Google entwickelt wurde. Es kombiniert die besten Eigenschaften von JPEG (Fotokomprimierung) und PNG (Transparenz, verlustfreie Komprimierung) in einem einzigen Format, bei deutlich kleinerer Dateigröße.
WebP vs. JPEG vs. PNG, die Zahlen
- WebP-Bilder sind im Schnitt 25–35 % kleiner als vergleichbare JPEG-Bilder
- WebP-Bilder mit Transparenz sind bis zu 26 % kleiner als PNG-Bilder
- Alle modernen Browser unterstützen WebP: Chrome, Firefox, Safari (ab 14), Edge
Warum empfiehlt Google WebP?
Google PageSpeed Insights zeigt bei fast jeder Website die Empfehlung „Bilder in modernen Formaten bereitstellen" an, das meint WebP. Kleinere Bilder = schnellere Seite = besserer LCP-Wert = besseres Google-Ranking.
Wie konvertiert man Bilder zu WebP?
Es gibt verschiedene Wege:
- WordPress-Plugins: Smush, ShortPixel, Imagify oder WebP Converter for Media konvertieren bestehende und neue Bilder automatisch
- WP Rocket + Imagify: Vollautomatisch, laden Sie JPEG hoch, ausgeliefert wird WebP
- Manuell: Online-Tools wie Squoosh.app (von Google) oder cwebp (Kommandozeile)
- Hosting: Manche Hoster (LiteSpeed) konvertieren auf Server-Ebene automatisch
WebP mit Fallback für ältere Browser
Für ältere Browser, die WebP noch nicht unterstützen, empfiehlt sich das HTML5-<picture>-Element:
<picture>
<source srcset="bild.webp" type="image/webp">
<img src="bild.jpg" alt="Beschreibung">
</picture>WordPress macht das bei korrekter Konfiguration automatisch.
AVIF, der Nachfolger von WebP
AVIF ist noch neuer als WebP und verspricht nochmals 20 % kleinere Dateien. Die Browser-Unterstützung ist aber noch nicht flächendeckend. Für die meisten KMU-Websites ist WebP aktuell der richtige Standard.