AVIF ist ein Bildformat auf Basis des Videocodecs AV1, das Fotos bei gleicher Qualität meist kleiner speichert als JPEG und WebP. Für Produktbilder heißt das: weniger Datenvolumen pro Produktseite, ohne sichtbaren Qualitätsverlust. Der Preis dafür sind ein aufwendigerer Export und eingeschränkte Upload-Möglichkeiten auf Marktplätzen.
AVIF oder WebP: der Unterschied
AVIF komprimiert stärker und kann mehr Farbtiefe speichern, WebP ist schneller erzeugt und etwas verbreiteter. Laut MDN liegt die mittlere Ersparnis gegenüber denselben JPEG-Dateien bei AVIF bei 50 %, bei WebP bei 30 %.
| Eigenschaft | AVIF | WebP |
|---|---|---|
| Ersparnis gegenüber JPEG (Median, MDN) | etwa 50 % | etwa 30 % |
| Transparenz | ja | ja |
| Farbtiefe | 8, 10 oder 12 Bit, HDR möglich | 8 Bit |
| Browser global (caniuse, 11/2026) | rund 97 % | rund 97 % |
| Upload bei Amazon | nein | nein |
| Upload bei eBay | ja | ja |
Einen Haken nennt MDN ausdrücklich: AVIF unterstützt keinen schrittweisen Bildaufbau. Die Datei muss vollständig geladen sein, bevor das Bild erscheint. Alles zu WebP steht im Eintrag WebP.
Browser-Support
Laut caniuse.com zeigen Chrome ab Version 85, Firefox ab 93, Safari ab 16.4 und Edge ab 121 AVIF vollständig an. Safari 16.1 bis 16.3 unterstützt das Format nur teilweise. Global erreicht AVIF damit rund 97 % der Nutzer (Stand 11/2026). Weil ältere Geräte fehlen, empfiehlt MDN trotzdem eine Ersatzdatei in WebP, JPEG oder PNG.
Encoding-Zeit: warum der Export dauert
Das Erzeugen einer AVIF-Datei ist rechenintensiv. Der Referenz-Encoder avifenc bietet laut web.dev Geschwindigkeitsstufen von 0 bis 10. Höhere Stufen laufen schneller, komprimieren aber schlechter. Die Standardstufe 6 gilt dort als Kompromiss, mit mehreren Rechenkernen lässt sich die Kodierung etwa um den Faktor 5 beschleunigen. Richtwert der Redaktion: Bei Serien mit Hunderten Produktbildern dauert der AVIF-Export spürbar länger als bei JPEG oder WebP, planen Sie das bei Batch-Exporten ein.
Einbinden über das picture-Element
Im eigenen Shop liefern Sie AVIF am sichersten über das picture-Element aus. So ist es aufgebaut:
- Ein picture-Element umschließt alle Varianten desselben Bildes.
- Darin steht zuerst ein source-Eintrag mit der AVIF-Datei und dem Typ image/avif.
- Danach folgt ein source-Eintrag mit der WebP-Datei.
- Zum Schluss kommt ein normales img-Element mit JPEG oder PNG als Ersatz, mit Breite, Höhe und Alt-Text.
Der Browser nimmt das erste Format, das er kennt. Manche Shop-Themes, Plugins und Bild-CDNs erzeugen diese Struktur automatisch, prüfen Sie das im Quelltext Ihrer Produktseite. Welche Maße Sie dabei ausliefern sollten, zeigt der Bildgrößen-Spickzettel.
Praxistipp: Starten Sie mit AVIF dort, wo der Effekt am größten ist, bei großen Hauptbildern und Kategorie-Bannern im eigenen Shop. Für Marktplatz-Uploads bleiben Sie bei JPEG.
Häufige Fragen
Ist AVIF besser als WebP?
Kann ich AVIF bei Amazon hochladen?
Unterstützt WordPress AVIF?
Sieht Google AVIF-Bilder in der Bildersuche?
Quellen
- MDN Web Docs: Image file type and format guide, abgerufen 11/2026
- Can I use: AVIF image format, abgerufen 11/2026
- web.dev: Using AVIF to compress images on your site, abgerufen 11/2026
- Make WordPress Core: WordPress 6.5 adds AVIF support, abgerufen 11/2026
Regeln, Preise und Funktionen: Stand der jeweiligen Prüfung. Marktplätze und Tool-Anbieter ändern ihre Vorgaben regelmäßig, bitte vor dem Hochladen an der Originalquelle prüfen. Fehler gefunden? Korrektur melden.
Stephan Zabel ist Geschäftsführer der Stephan Zabel GmbH in Nürnberg. Unter produktbild.net hat er früher selbst Produktfotos für Online-Shops produziert. Heute berät er Unternehmen zu Online-Marketing, SEO und KI und kennt beide Seiten: das Fotostudio und die Produktseite, die verkaufen muss.
So entsteht dieser Beitrag: Unsere Texte entstehen mit KI-Unterstützung und werden redaktionell geprüft. Redaktionell verantwortlich: Stephan Zabel. Quellen sind Marktplatz-Richtlinien, Gesetzestexte und Anbieterseiten. KI-Bilder sind als solche gekennzeichnet, Testergebnisse sind echte Ausgaben der getesteten Werkzeuge. Zahlen und Preise werden gegen die genannten Primärquellen geprüft. Inhaltlich verantwortlich ist Stephan Zabel als Herausgeber. Fotos mit dem Vermerk „KI-Bild“ sind KI-generiert. Mehr dazu in der Methodik.
