Die Konvertierung von klassischen Bildformaten wie PNG und JPG/JPEG in das moderne WebP-Format ist eine zentrale Maßnahme der Onpage-Optimierung. WebP wurde von Google entwickelt, um eine verlustfreie sowie verlustbehaftete Kompression für Bilder im Web bereitzustellen, die bei gleicher Qualität deutlich geringere Dateigrößen aufweist als herkömmliche Formate.
[webp_converter quality=“80″ max_width=“1920″ max_height=“1080″ title=“Bild optimieren“]
Bilder machen oft den größten Teil des zu ladenden Datenvolumens einer Website aus. Während das JPEG-Format für Fotos und PNG für Grafiken mit Transparenzen seit Jahrzehnten Standard waren, stoßen sie bei modernen Anforderungen an die Ladegeschwindigkeit an ihre Grenzen. WebP vereint die Vorteile beider Welten: Es unterstützt Transparenzen (wie PNG) und bietet eine effizientere Kompression als JPEG. Das Ergebnis sind Dateigrößen, die oft 25 % bis 35 % kleiner sind, was die Serverlast reduziert und die Übertragungszeit minimiert.
[Image: Comparison chart showing file size differences between PNG, JPG, and WebP for the same visual quality, highlighting WebP as the leanest format]
Die Optimierung der Bildformate hat direkten Einfluss auf die von Google gemessenen Leistungswerte einer Website:
Moderne Marketing-Stacks setzen auf eine automatisierte Konvertierung. Anstatt Bilder manuell umzuwandeln, übernehmen Content Management Systeme (CMS) oder spezialisierte Edge Computing-Services diese Aufgabe. Dabei wird das Originalbild hochgeladen und serverseitig in Echtzeit als WebP an den Browser ausgeliefert, sofern dieser das Format unterstützt (was bei allen modernen Browsern der Fall ist).
Nutzen Sie für die Ausspielung von WebP das HTML-Element <picture>. Dies erlaubt es Ihnen, ein „Fallback“-Format (z. B. das originale JPEG) zu definieren, falls ein veralteter Browser auf die Seite zugreift. Noch effizienter ist die Optimierung direkt über das CDN (Content Delivery Network) an der Edge: Hier erkennt der Server automatisch die Fähigkeiten des Browsers (via Accept-Header) und liefert ohne zusätzlichen Code-Aufwand das bestmögliche Format aus.
PNG ist weiterhin sinnvoll, wenn Sie Bilder während des Bearbeitungsprozesses verlustfrei speichern müssen. Für die endgültige Veröffentlichung auf der Website sollte jedoch fast immer die WebP-Version bevorzugt werden.
WebP bietet sowohl eine verlustfreie als auch eine verlustbehaftete Kompression. Bei korrekter Einstellung ist der Qualitätsunterschied für das menschliche Auge nicht wahrnehmbar, während die Dateigröße drastisch sinkt.
AVIF ist ein noch neueres Format, das noch höhere Kompressionsraten als WebP erzielt. WebP ist jedoch aktuell das stabilste Format mit der breitesten Browser-Unterstützung im modernen Web-Standard.
