Der komplette WebP-Leitfaden (2025)
Alles, was Sie über WebP wissen müssen: Komprimierung, Qualitätseinstellungen, Browser-Unterstützung und Best Practices.
Was ist WebP?
WebP ist ein von Google seit 2010 entwickeltes Bildformat, speziell für die Web-Nutzung konzipiert. Es bietet überlegene Komprimierung — typischerweise 25–35% kleiner als JPEG bei vergleichbarer visueller Qualität — bei gleichzeitiger Unterstützung von Lossy- und Lossless-Komprimierung, Alpha-Transparenz und sogar Animation.
Heute wird WebP von 97%+ aller Browser weltweit unterstützt, einschließlich Chrome, Firefox, Safari, Edge und Opera. Es ist zum De-facto-Standard für die Web-Bildoptimierung geworden, empfohlen von Google PageSpeed Insights, Lighthouse und Core Web Vitals-Richtlinien.
WebP vs JPEG: Praxisvergleich
So sieht WebP-Komprimierung in der Praxis bei einem typischen 1200×800 Produktfoto aus:
| Format | Dateigröße | vs Original | Visuelle Qualität |
|---|---|---|---|
| JPEG (quality 85) | 185 KB | — | Excellent |
| WebP (quality 85) | 62 KB | −66% | Identical |
| WebP (quality 75) | 41 KB | −78% | Near-identical |
| WebP (lossless) | 290 KB | −43% vs PNG | Pixel-perfect |
Die Einsparungen summieren sich über eine Seite. Eine E-Commerce-Produktliste mit 20 Bildern kann von 3,7 MB (JPEG) auf 1,2 MB (WebP) sinken — eine Reduzierung um 67% des gesamten Bildgewichts, die Ladezeit und Core Web Vitals direkt verbessert.
WebP-Qualitätseinstellungen verstehen
Der Qualitätsparameter (0–100) steuert den Kompromiss zwischen Dateigröße und visueller Qualität. Hier ist, was jeder Bereich in der Praxis bedeutet:
- Qualität 90–100: Abnehmende Erträge. Dateien sind viel größer mit kaum sichtbarer Verbesserung gegenüber Qualität 85. Vermeiden, außer zur Archivierung.
- Qualität 80–85: Der Sweet Spot. Für die meisten Fotos visuell nicht vom Original zu unterscheiden, mit 60–70% Dateigrößenreduzierung. Dies ist der Branchenstandard.
- Qualität 60–75: Gut für Thumbnails, Vorschauen und unkritische Bilder. Leichter Detailverlust in flachen Bereichen und Verläufen.
- Qualität 40–50: Sichtbare Artefakte. Nur geeignet für sehr kleine Thumbnails oder dekorative Hintergründe.
- Lossless-Modus: Bewahrt jeden Pixel exakt. Am besten für Screenshots, Diagramme und Bilder mit Text. Dateien sind größer als Lossy, aber immer noch kleiner als PNG.
WebP-Browser-Unterstützung
WebP hat Stand 2025 hervorragende Browser-Unterstützung:
- Chrome: Full support since v32 (2014)
- Firefox: Full support since v65 (2019)
- Safari: Full support since v14 (2020)
- Edge: Full support since v18 (2019)
- Opera: Full support since v19 (2014)
- Samsung Internet: Full support since v4.0
Die globale Abdeckung liegt bei 97%+. Für die verbleibenden 3% (sehr alte Browser) verwenden Sie das <picture>-Element mit JPEG-Fallback:
WebP mit Fallback bereitstellen
Verwenden Sie das HTML-<picture>-Element, um WebP für unterstützte Browser bereitzustellen und einen JPEG-Fallback für ältere Browser anzubieten:
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Description" width="800" height="600">
</picture>Fügen Sie immer width- und height-Attribute hinzu, um Cumulative Layout Shift (CLS) zu verhindern — eine Core Web Vitals-Kennzahl, die Google für das Ranking verwendet.
Häufige WebP-Fehler vermeiden
- Bereits komprimierte Bilder konvertieren: Wenn Ihre Quelle ein minderwertiges JPEG ist, kann die Konvertierung in WebP verlorene Details nicht wiederherstellen. Beginnen Sie mit der höchstmöglichen Qualität.
- Qualität 100 verwenden: Dies erzeugt unnötig große Dateien. Qualität 80–85 ist der Sweet Spot für praktisch alle Anwendungsfälle.
- Den Fallback vergessen: Ohne JPEG-Fallback im
<picture>-Element zeigen sehr alte Browser ein fehlerhaftes Bild. - Nicht vor der Konvertierung skalieren: Ein 4000×3000 Bild, das auf 800×600 angezeigt wird, verschwendet 25x Bandbreite. Erst skalieren, dann konvertieren.
- EXIF-Orientierung ignorieren: Einige Kameras speichern die Rotation in EXIF-Daten. Stellen Sie sicher, dass Ihr Konverter die Orientierung korrekt behandelt.
Bilder kostenlos in WebP konvertieren
Mit BulkPicConv können Sie Bilder direkt in Ihrem Browser in WebP konvertieren — kein Upload, keine Registrierung, kein Wasserzeichen. Bilder ablegen, Qualität anpassen und optimierte WebP-Dateien in Sekunden herunterladen.