Warum zu WebP migrieren?
WebP-Dateien sind 25–35 % kleiner als gleichwertige JPG-Dateien. Kleinere Bilder bedeuten schnellere Seitenladezeiten, bessere Core-Web-Vitals-Werte und verbesserte Suchrankings. Für eine Website mit Dutzenden oder Hunderten von Bildern ist der kumulative Effekt auf Performance und Bandbreitenkosten erheblich.
Schritt 1: Identifizieren, welche Bilder zu konvertieren sind
Konzentriere dich zuerst auf Bilder, die above the fold erscheinen – besonders Hero-Bilder und jedes große Bild, das beim Öffnen der Seite sofort lädt. Diese haben den größten Einfluss auf die wahrgenommene Ladezeit und auf Googles Largest-Contentful-Paint-Metrik (LCP).
Schritt 2: Jedes JPG in WebP konvertieren
Nutze unseren JPG-zu-WebP-Konverter für einzelne Bilder oder kleine Stapel. Qualität 80–85 erzeugt Ergebnisse, die für die meisten fotografischen Inhalte visuell nicht vom Original zu unterscheiden sind. Vergleiche Vorher und Nachher, um sicherzugehen, dass du mit der Qualität zufrieden bist, bevor du Originale ersetzt.
Schritt 3: Während der Umstellung einen Fallback bereitstellen
Nutze das HTML-<picture>-Element, um WebP an unterstützende Browser und JPG an alle anderen auszuliefern:
<picture>
<source type="image/webp" srcset="photo.webp">
<img src="photo.jpg" alt="Description">
</picture>Schritt 4: Deine Referenzen aktualisieren
Ersetze direkte Bildreferenzen in deinem HTML, CSS und CMS durch die neuen WebP-Versionen. Wenn du ein Content-Management-System nutzt, aktualisiere die Mediathek-Einträge.
Schritt 5: Die Verbesserung messen
Führe vor und nach der Migration eine Core-Web-Vitals-Prüfung durch, um die Verbesserung zu bestätigen. LCP ist typischerweise die Metrik, die am meisten von der Bildformatoptimierung profitiert.
Häufige Fragen
- Beeinflusst der Wechsel zu WebP meine Suchrankings?
- Positiv. Kleinere Bilder verbessern die Core Web Vitals – besonders LCP –, was ein bestätigter Google-Rankingfaktor ist. Der Effekt ist auf bildlastigen Seiten am stärksten ausgeprägt, wo Bilder der Hauptinhalt sind.
- Muss ich die originalen JPG-Dateien behalten?
- Ja. Behalte deine Originale. Wenn du je in ein anderes Format konvertieren musst oder die WebP-Konvertierung mit einer anderen Qualitätseinstellung wiederholt werden soll, willst du vom Original ausgehen statt eine bereits komprimierte Datei erneut zu kodieren.
- Kann ich WebP für alle Bilder meiner Website nutzen?
- Für Webbilder ja. WebP wird von allen Browsern unterstützt, die deine Besucher 2026 wahrscheinlich nutzen. Die einzige Ausnahme ist, wenn du weißt, dass deine Zielgruppe sehr alte oder nicht standardmäßige Browser nutzt, oder wenn Bilder heruntergeladen und in Desktop-Anwendungen geöffnet werden müssen, die WebP nicht unterstützen.