WebP

Was ist WebP?

WebP ist ein modernes, von Google entwickeltes Bildformat, das sowohl verlustbehaftete als auch verlustfreie Komprimierung in einem einzigen Dateityp (.webp) unterstützt. Es unterstützt außerdem Transparenz (Alpha-Kanal) und Animationen, sodass es JPEG, PNG und GIF ersetzen kann. Bei vergleichbarer visueller Qualität sind WebP-Dateien in der Regel 25–34 % kleiner als JPEG-Dateien und rund 26 % kleiner als PNG-Dateien.

Warum ist WebP wichtig?

Bilder machen oft den Großteil des Gesamtgewichts einer Produktseite aus, und schwere Bilder sind eine der häufigsten Ursachen für langsame Ladezeiten. Kleinere Dateien bedeuten schnellere Seiten, bessere Core Web Vitals und einen geringeren Datenverbrauch auf Mobilgeräten – all das beeinflusst sowohl die Conversion als auch die Platzierung in den Suchergebnissen. WebP liefert diese Einsparungen ohne sichtbaren Qualitätsverlust, und das Format wird heute von allen modernen Browsern (Chrome, Firefox, Edge und Safari) unterstützt.

Häufige Anwendungsfälle

• Hochauflösende Produktfotos, bei denen JPEG-Dateien für eine schnelle mobile Anzeige zu schwer werden.
• Grafiken mit Transparenz, die andernfalls große PNG-Dateien erfordern würden (Logos, Badges, Icons).
• Banner und Lifestyle-Bilder am Seitenanfang, die das LCP und die Layoutstabilität beeinflussen.
• Bereitstellung über CDN, wobei das Format je nach Browser ausgehandelt wird, um Bandbreite zu sparen.

Shopify-Perspektive

In Shopify müssen Sie Ihre Bilder nicht selbst in WebP konvertieren. Das Bild-CDN von Shopify stellt automatisch WebP – oder das noch kleinere AVIF – für Browser bereit, die dies unterstützen (basierend auf dem Accept-Header), unabhängig davon, ob Sie JPEG oder PNG hochladen. Wenn Sie das Format in Ihrem Theme manuell steuern möchten, können Sie den Parameter format an den Filter image_url übergeben. Konzentrieren Sie sich in der Praxis darauf, scharfe Quellbilder in den richtigen Abmessungen hochzuladen und immer einen Alt-Text anzugeben, und überlassen Sie dem CDN den Rest.