AVIF ist das neueste Bildformat im Web und verspricht eine drastisch bessere Komprimierung als JPG. Doch lohnt der Umstieg wirklich? Wann bleibt JPG die bessere Wahl, und welche Einschränkungen hat AVIF in der Praxis? Dieser Artikel gibt klare Antworten.
JPG (Joint Photographic Experts Group) wurde 1992 standardisiert und ist seither das Rückgrat der digitalen Bildübertragung. Die Technologie beruht auf der diskreten Kosinustransformation, die für fotografische Inhalte optimiert wurde. Jahrzehntelange Verbreitung und Software-Unterstützung machen JPG zum universellsten Bildformat der Welt.
AVIF steht für AV1 Image File Format und basiert auf dem AV1-Videocodec, der vom Alliance for Open Media – einem Konsortium aus Google, Apple, Mozilla, Netflix, Amazon und anderen Technologieriesen – entwickelt wurde. AVIF wurde 2019 offiziell spezifiziert und profitiert von jahrelanger Forschung in der Videokompressionstechnologie. Es unterstützt verlustbehaftete und verlustfreie Komprimierung, HDR-Inhalte, Transparenz und breite Farbräume.
Der wohl spektakulärste Vorteil von AVIF ist seine Komprimierungseffizienz. Unabhängige Vergleiche zeigen, dass AVIF bei vergleichbarer Bildqualität bis zu 50 % kleinere Dateien erzeugt als JPG – und damit sogar WebP noch übertrifft. Bei niedrigen Qualitätsstufen, also starker Komprimierung, bleibt AVIF erstaunlich detailreich, während JPG bereits deutliche Blockartefakte zeigt.
Für Websites bedeutet das: Ein Produktbild, das als JPG 300 KB groß ist, könnte als AVIF nur 120–150 KB beanspruchen – ohne sichtbaren Qualitätsverlust für den Besucher. Dieser Unterschied wirkt sich direkt auf Ladezeiten, Serverkosten und die Google Core Web Vitals aus.
AVIF unterstützt als eines der wenigen Webformate echte HDR-Inhalte (High Dynamic Range) sowie breite Farbräume wie Rec. 2020. Das ermöglicht leuchtkräftigere Farben und feinere Abstufungen in Lichtern und Schatten – ideal für moderne Bildschirme mit OLED- oder HDR-Displays.
JPG ist auf 8 Bit pro Farbkanal begrenzt und kennt keine nativen HDR-Unterstützung. Für normale Webinhalte fällt dieser Unterschied kaum auf, aber für hochwertige Fotografie oder Produktbilder auf Premium-Displays kann AVIF eine sichtbar bessere Darstellung liefern.
Ein Nachteil von AVIF: Die Bildkodierung ist deutlich rechenintensiver als bei JPG. Das Erstellen von AVIF-Dateien dauert länger, was bei der serverseitigen Echtzeit-Konvertierung relevant sein kann.
AVIF hat in den letzten Jahren erheblich an Browserunterstützung gewonnen, ist aber noch nicht so universell wie JPG:
Da Safari erst 2022 AVIF unterstützte und viele iOS-Nutzer ältere Systemversionen verwenden, ist ein JPG-Fallback für kritische Anwendungen weiterhin empfehlenswert.
<picture>-Element| Kriterium | JPG | AVIF |
|---|---|---|
| Komprimierungseffizienz | Mittel | Sehr hoch (bis 50 % kleiner als JPG) |
| Bildqualität bei Komprimierung | Blockartefakte bei starker Komprimierung | Hervorragend, kaum Artefakte |
| HDR-Unterstützung | Nein | Ja |
| Transparenz | Nein | Ja |
| Farbtiefe | 8 Bit | Bis zu 12 Bit |
| Kodierungsgeschwindigkeit | Sehr schnell | Langsam (rechenintensiv) |
| Browserunterstützung | Universell | Alle modernen Browser (seit 2022) |
| Software-Unterstützung | Überall vorhanden | Zunehmend, aber noch lückenhaft |
| Ladezeit-Vorteil | Baseline | Deutlich besser |
AVIF ist technisch das überlegene Format: kleinere Dateien, bessere Qualität, HDR-Support und Transparenz. Für Websites, die auf moderne Browser ausgerichtet sind und Wert auf Performance legen, ist der Wechsel zu AVIF klar empfehlenswert. Die langsame Kodierung ist dabei kein Hindernis, wenn Bilder vorab konvertiert werden.
In der Praxis empfiehlt sich eine hybride Strategie: AVIF als primäres Format im <picture>-Tag, WebP als Zwischenformat und JPG als universeller Fallback. So profitieren moderne Browser von der besten Komprimierung, ohne dass ältere Systeme Probleme bekommen.
Direkt im Browser erledigen — die Datei verlässt Ihr Gerät nicht: Bild umwandeln