WebP und AVIF sind zwei moderne Bildformate, die JPEG und PNG im Web ersetzen sollen. Sie bieten spektakuläre Kompressionsgewinne — bis zu 50 % Dateigrößenreduktion gegenüber JPEG bei gleicher visueller Qualität — und sind damit unverzichtbar für die Optimierung der Web-Performance und des SEOs. Für Online-Shops, bei denen Bilder oft 60 bis 80 % des gesamten Seitengewichts ausmachen, ist die Einführung dieser Formate einer der effektivsten Performance-Hebel.
Warum das Bildformat ein SEO-Thema ist
Eine durchschnittliche Webseite wiegt heute laut HTTP Archive rund 2 MB. Davon entfallen im Durchschnitt 50 bis 60 % auf Bilder — auf e-commerce-lastigen Seiten mit vielen Produktfotos steigt dieser Anteil regelmäßig auf 70–80 %. Das Bildgewicht bestimmt direkt die Übertragungszeit über das Netzwerk und damit die vom Nutzer wahrgenommene Ladezeit.
Google hat die Seitengeschwindigkeit über die Core Web Vitals in seinen Ranking-Algorithmus integriert, insbesondere den LCP (Largest Contentful Paint), der misst, wie schnell das größte sichtbare Element geladen wird — meist ein Produktbild. Das Gewicht dieses Bildes von 400 KB auf 150 KB zu reduzieren kann den LCP von 3 Sekunden auf 1,2 Sekunden senken — der Unterschied zwischen einem „Schlecht”- und einem „Gut”-Score nach Googles Schwellenwerten.
Über reines SEO hinaus verbessern leichtere Bilder das Erlebnis mobiler Nutzer mit eingeschränkten 4G-Verbindungen, reduzieren den Datenverbrauch der Besucher und senken die Server-Bandbreitenkosten. Für Shops mit mehreren tausend Produkten ist der kumulative Gewinn erheblich.
WebP: Das von Google entwickelte Format
WebP wurde von Google entwickelt und 2010 vorgestellt. Es basiert auf der Kompressionstechnologie des VP8-Video-Codecs für verlustbehaftete Bilder (lossy) und auf einer verlustfreien Variante auf Basis von LZ77 und Huffman-Kodierung für verlustfreie Bilder. WebP unterstützt außerdem Transparenz (Alphakanal) und Animationen — zwei Funktionen, die JPEG nicht (Transparenz) oder nur teilweise (Animationen via GIF) unterstützt.
Die Kompressionsgewinne von WebP gegenüber JPEG betragen laut Google-Studien durchschnittlich 25 bis 35 % bei gleicher visueller Qualität. Im verlustfreien Modus ist WebP im Durchschnitt 26 % kleiner als PNG. Diese Werte variieren je nach Bildtyp: Fotografien mit komplexem Inhalt und vielen Details profitieren von Gewinnen nahe den genannten Durchschnittswerten; Illustrationen mit Farbflächen und scharfen Details können im lossless-Modus noch höhere Gewinne erzielen.
Die Browser-Unterstützung für WebP ist heute universell: Chrome, Firefox, Safari (seit 2020), Edge, Opera und nahezu alle mobilen Browser unterstützen WebP. Laut caniuse.com übersteigt die globale Browser-Abdeckung für WebP im Jahr 2026 97 %. Es gibt keinen technischen Grund mehr, JPEG statt WebP für die große Mehrheit der Besucher auszuliefern.
AVIF: Das Format der nächsten Generation
AVIF (AV1 Image File Format) ist ein Bildformat auf Basis des AV1-Video-Codecs, entwickelt von der Alliance for Open Media (zu der Google, Apple, Mozilla, Netflix, Amazon und andere gehören). Es wurde 2019 spezifiziert und wird seit 2021 von den wichtigsten Browsern unterstützt. AVIF stellt gegenüber WebP einen bedeutenden Fortschritt in der Kompressionseffizienz dar.
Die Kompressionsgewinne von AVIF gegenüber JPEG betragen durchschnittlich 40 bis 55 % — deutlich mehr als die 25–35 % von WebP. Verglichen mit WebP selbst ist AVIF in der Regel 20 bis 30 % kleiner. Diese Gewinne sind besonders ausgeprägt bei detailreichen Fotografien und HDR-Bildern (High Dynamic Range). AVIF unterstützt Transparenz, Animationen, HDR-Farbprofile und eine Farbtiefe von bis zu 12 Bit.
Die Browser-Unterstützung für AVIF wächst schnell: Chrome und Firefox unterstützen es seit 2021, Safari seit Version 16.4 (2023). Im Jahr 2026 übersteigt die weltweite Abdeckung 93 %. Der Hauptnachteil ist die höhere Dekodierungskomplexität, die das Rendering auf sehr alten Geräten leicht verlangsamen kann — ein Kompromiss, der angesichts der Dateigrößeneinsparungen in der Regel akzeptabel ist.
JPEG vs. WebP vs. AVIF: Formatvergleich
Um die Unterschiede zwischen diesen Formaten konkret zu veranschaulichen, nehmen wir ein typisches E-Commerce-Produktfoto: ein Packshot eines Sneakers auf weißem Hintergrund, 800×800 Pixel, bei gleicher wahrgenommener visueller Qualität.
- JPEG (Qualität 85): ~180 KB — universelles Format, keine Transparenz, keine Animation, nur verlustbehaftete Kompression
- WebP (Qualität 80): ~120 KB — 33 % Einsparung, Transparenz unterstützt, Animation unterstützt, 97 %+ Kompatibilität
- AVIF (Qualität 60): ~75 KB — 58 % Einsparung vs. JPEG, 37 % vs. WebP, HDR unterstützt, 93 %+ Kompatibilität
Diese Größenunterschiede multiplizieren sich im gesamten Shop. Bei einer Produktseite mit 6 Produktbildern spart der Wechsel von JPEG zu AVIF 630 KB pro Seite — fast halb so viele Daten. Bei einem Monat mit 50.000 Produktseiten-Aufrufen sind das 31 GB eingesparte Bandbreite, allein durch Bilder.
Verlustbehaftete und verlustfreie Kompression
Beide Formate unterstützen zwei grundlegend verschiedene Kompressionsmodi. Die verlustbehaftete Kompression (lossy) reduziert die Dateigröße, indem Informationen verworfen werden, die das menschliche Auge kaum oder gar nicht wahrnimmt. Ein Algorithmus analysiert das Bild und approximiert weniger wahrnehmbare Bereiche — typischerweise gleichmäßige Hintergründe oder Bereiche mit geringem Kontrast. Dieser Modus wird für Produktfotografien verwendet: Ein Qualitätsniveau von 75–85 % für WebP oder 55–65 % für AVIF liefert Ergebnisse, die vom Original visuell nicht zu unterscheiden sind.
Die verlustfreie Kompression (lossless) bewahrt jeden Pixel der Originaldatei, verwendet aber effizientere Kompressionsalgorithmen als PNG oder TIFF, um die Dateigröße zu reduzieren. WebP lossless ist im Durchschnitt 26 % kleiner als PNG bei gleicher Qualität; AVIF lossless ist noch effizienter. Dieser Modus eignet sich für Screenshots, Logos, in Bitmap konvertierte Vektorgrafiken und Bilder, bei denen absolute Präzision erforderlich ist.
Welches Qualitätsniveau sollte man wählen?
Auswirkungen auf das E-Commerce-SEO
Die Einführung von WebP und AVIF verbessert das SEO über mehrere Mechanismen. Direkt reduzieren leichtere Bilder den LCP — die Core Web Vital-Metrik, die am stärksten von Produktbildern beeinflusst wird. Ein besserer LCP verbessert Googles Page Experience-Signal, was das Ranking in den organischen Suchergebnissen begünstigen kann, insbesondere auf Mobilgeräten.
Indirekt verbessern schnellere Seiten die Absprungrate und die Verweildauer — Verhaltenssignale, die Google zur Bewertung der Seitenqualität heranziehen kann. Auf Mobilgeräten, wo mehr als 60 % der E-Commerce-Suchanfragen stattfinden, ist Geschwindigkeit noch kritischer: Eine Seite, die 4 Sekunden zum Laden braucht, verliert durchschnittlich 53 % ihrer mobilen Besucher noch vor dem vollständigen Laden (Quelle: Google/Deloitte).
Für Google Bilder — ein nicht zu vernachlässigender Akquisitionskanal für Online-Shops — beeinflusst die technische Qualität der Bilder (Auflösung, Format, Abmessungen) die Indexierung und die Darstellung in den Bildsuchergebnissen. Korrekt optimierte und über ein CDN mit stabilen URLs ausgelieferte Bilder verbessern auch diesen Kanal.
Wie Lexiik die Formatkonvertierung automatisch handhabt
Tausende von Produktbildern manuell in WebP oder AVIF zu konvertieren ist eine mühsame Aufgabe, für die die meisten Händler weder die Zeit noch die Werkzeuge haben. Lexiik automatisiert diesen Prozess vollständig über seine CDN-Pipeline.
Wenn ein Produktbild zum ersten Mal von einem Besucher geladen wird, ruft Lexiik die Originaldatei von Ihrem PrestaShop-Server ab (JPEG, PNG oder jedes andere Format), konvertiert sie in WebP und AVIF und speichert diese optimierten Versionen auf Cloudflare R2. Ab diesem Zeitpunkt liefert Lexiik das geeignete Format basierend auf dem Browser des Besuchers: Der HTTP-Accept-Header des Browsers gibt die unterstützten Formate an (z. B. sendet Chrome Accept: image/avif,image/webp,*/*), und Lexiik antwortet mit dem besten verfügbaren Format.
- Der Besucher ruft eine Produktseite auf; sein Browser sendet einen Accept-Header mit den unterstützten Formaten
- Lexiik prüft, ob bereits eine optimierte Version des Bildes auf dem CDN vorhanden ist
- Falls nicht, ruft Lexiik das Originalbild von PrestaShop ab und konvertiert es in WebP und AVIF
- Lexiik liefert das effizienteste Format, das der Browser unterstützt: AVIF bevorzugt, WebP wenn AVIF nicht unterstützt wird, JPEG als Fallback
- Das konvertierte Bild wird mit einem TTL von einem Jahr auf Cloudflare R2 gecacht — für alle nachfolgenden Besuche
Dieser Prozess ist für den Händler und den Besucher vollständig transparent. Es sind keine Template-Änderungen erforderlich, kein zusätzliches Komprimierungs-Plugin zu installieren. Das PrestaShop-Modul von Lexiik verwaltet die gesamte Konvertierungs- und Auslieferungs-Pipeline.