AVIF-Format umfassend erklärt: Der Bildkomprimierungsstandard der nächsten Generation

Fazit vorab: AVIF ist ein auf der AV1-Videocodierung basierendes Bildformat der nächsten Generation, 50 % kleiner als JPEG und 20 % kleiner als WebP, mit Unterstützung für verlustfreie Komprimierung, HDR, Wide Color Gamut und Transparenzkanäle. Am Beispiel eines 1920×1080-Fotos: JPEG Qualität 85 ca. 420 KB, AVIF bei gleicher Qualität nur 210 KB. AVIF nutzt die Intra-Frame-Codierungstechnologie von AV1 (Block-Prädiktion + Transformationscodierung + In-Loop-Filterung) und übertrifft die Komprimierungseffizienz von JPEGs DCT bei weitem. Stand 2026 unterstützen Chrome, Firefox, Safari und Edge AVIF nativ, die globale Browser-Abdeckung liegt bei ca. 96 %. Im Folgenden wird beginnend mit den technischen Prinzipien ein Vier-Format-Vergleich mit Messdaten und ein Migrationsleitfaden vorgestellt.

Wenn Sie mit dem Vergleich von Web-Bildformaten noch nicht vertraut sind, lesen Sie zunächst WebP vs PNG vs JPG: Welches Web-Bildformat wählen?.

1. Was ist AVIF

AVIF (AV1 Image File Format) ist ein 2019 von der Alliance for Open Media (AOMedia) veröffentlichtes Bildformat, das auf der Intra-Frame-Codierungstechnologie des AV1-Videocodierers basiert. AV1 selbst ist ein Open-Source-Codierungsstandard für die nächste Videogeneration (8K/120fps), lizenzgebührenfrei, dessen Intra-Frame-Codierungswerkzeuge sich gleichermaßen für die statische Bildkomprimierung eignen. AVIF verpackt die Intra-Frame-Codierung von AV1 in ein eigenständiges Bildcontainerformat.

Eigenschaft	AVIF	WebP	JPEG	PNG
Veröffentlichungsjahr	2019	2010	1992	1996
Zugrundeliegende Codierung	AV1 Intra-Frame	VP8 Intra-Frame	DCT	DEFLATE
Verlustbehaftete Komprimierung	Unterstützt	Unterstützt	Unterstützt	Nicht unterstützt
Verlustfreie Komprimierung	Unterstützt	Unterstützt	Nicht unterstützt	Unterstützt
Transparenzkanal	Unterstützt	Unterstützt	Nicht unterstützt	Unterstützt
HDR/Wide Color Gamut	Unterstützt (12-Bit)	Nicht unterstützt (8-Bit)	Nicht unterstützt (8-Bit)	Nicht unterstützt (8/16-Bit)
Animationsunterstützung	Unterstützt	Unterstützt	Nicht unterstützt	APNG-Erweiterung
Lizenzgebühren	Kostenlos/Open-Source	Kostenlos/Open-Source	Kostenlos	Kostenlos

Der Kernfortschritt von AVIF gegenüber der Vorgängergeneration WebP liegt in: Unterstützung von 12-Bit-Farbtiefe und HDR (High Dynamic Range), während WebP nur 8-Bit-SDR unterstützt; höherer Komprimierungsrate (bei gleicher Qualität 10 %–30 % kleiner); umfangreicheren Codierungswerkzeugen (Richtungsprädiktion, flexiblere Block-Partitionierung). Der Preis ist eine langsamere Codierung — AVIF-Codierung dauert etwa 3–5-mal so lange wie WebP.

2. AVIF-Technisches Prinzip im Detail

Die Komprimierungspipeline von AVIF besteht aus drei Kernphasen: Block-Prädiktion, Transformationscodierung und In-Loop-Filterung. Jede Phase erbt die fortschrittlichen Werkzeuge der AV1-Videocodierung, was der Grund für die weit überlegene Komprimierungseffizienz gegenüber JPEG ist.

1. Block-Prädiktion

AV1 unterteilt das Bild in Codierungsblöcke (maximal 128×128), die rekursiv in kleinere Sub-Blöcke (minimal 4×4) unterteilt werden, wobei die Partitionierungsart adaptiv an den Bildinhalt angepasst wird. Die Prädiktionscodierung verwendet bereits rekonstruierte Pixel zur Vorhersage des aktuellen Blocks und codiert nur den Residualwert (Differenz zwischen Ist- und Prädiktionswert).

Prädiktionstyp	Prinzip	Anwendungsbereich	vs JPEG
Intra-Frame-Prädiktion	Vorhersage aus benachbarten codierten Pixeln	Glatte Bereiche/Verläufe	JPEG ohne Prädiktion, Vollcodierung
Richtungsprädiktion	56 Richtungsinkel-Vorhersagen	Kanten/Texturrichtungen	JPEG ohne Richtungsprädiktion
Palettenprädiktion	Indexierung über Farbpalette	Text/Icons/Animation	JPEG ohne dieses Werkzeug
Block-Kopie	Kopie anderer Bildbereiche	Wiederholte Texturen	JPEG ohne dieses Werkzeug

2. Transformationscodierung

Die Residualwerte nach der Prädiktion werden durch Transformationscodierung vom Orts- in den Frequenzbereich überführt, wobei hochfrequente Koeffizienten quantisiert werden, um Komprimierung zu erreichen. AV1 unterstützt mehrere Transformationstypen und ist damit flexibler als JPEGs einheitliches DCT.

Transformationstyp	Blockgröße	Anwendungsszenario	Vorteil
DCT	4×4 bis 64×64	Universell	Klassische Transformation, Energiekonzentration
ADST (Asymmetric Discrete Sine Transform)	4×4 bis 32×32	Gerichtete Kanten	Besser für Kanten-Residuen
Identitätstransformation	4×4 bis 32×32	Verlustfrei/niedrigverlust	Transformation überspringen, direkte Quantisierung
Rekursive Transformation	Kombination	Komplexe Texturen	Zweistufige Transformation verbessert Energiekonzentration

3. In-Loop-Filterung

Das quantisierte rekonstruierte Bild weist Block- und Ringing-Artefakte auf, die AV1 durch mehrstufige In-Loop-Filterung repariert. Dies ist der Schlüssel, warum AVIF bei niedrigen Bitraten deutlich bessere Bildqualität als JPEG bietet.

Filterstufe	Funktion	Verarbeitungsreihenfolge	Effekt
CDEF (Constrained Directional Enhancement Filter)	Block-Grenzartefakte entfernen	Stufe 1	Glättung von Blockgrenzen
LR (Loop Restoration Filter)	Wiener-Filter/Self-Guided-Filter	Stufe 2	Wiederherstellung von Detailtextur
Super-Resolution-Rekonstruktion	Rekonstruktion aus niedrig aufgelösten Frames	Stufe 3	Verbesserung hochfrequenter Details

Den Gesamtansatz zur Bildkomprimierung finden Sie unter Bildkomprimierungs-Leitfaden: JPG/PNG/WebP-Formatvergleich.

3. Praxisbeispiel: Vier-Format-Vergleich mit Messdaten

Mit demselben Testbild werden Dateigröße, Bildqualität und Codierungsdauer der vier Formate AVIF, WebP, JPEG und PNG verglichen. Testmuster: 1920×1080-Naturlandschaftsfoto, 24-Bit-TrueColor, originales BMP ca. 5,93 MB.

Dokumentmerkmale: 1920×1080, 24-Bit-Farbe, mit Himmelsverlauf, Blatttextur und Gebäudekanten, originales BMP 5,93 MB.

Dateigrößen- und Qualitätsvergleich (Ziel SSIM 0,92):

Format	Parameter	Dateigröße	vs Original	SSIM-Qualität	vs JPEG
PNG (verlustfrei)	DEFLATE höchste	4,82 MB	-18,7 %	1,000	+938 %
JPEG	Qualität 85	420 KB	-92,9 %	0,921	Basis
WebP	Qualität 80	298 KB	-95,0 %	0,923	-29,0 %
AVIF	Qualität 55 (CRF)	210 KB	-96,5 %	0,925	-50,0 %

Ergebnis: Bei gleicher Bildqualität (SSIM 0,92+) ist AVIF mit nur 210 KB 50 % kleiner als JPEG und 29,5 % kleiner als WebP. PNG bietet die höchste verlustfreie Qualität, ist aber mit 4,82 MB am größten und für fotoähnliche Inhalte ungeeignet. AVIF zeichnet sich besonders bei Blatttextur und Himmelsverlauf aus — JPEG zeigt bei niedrigen Bitraten deutliche Farbblockbildung, AVIF weist fast keine sichtbaren Artefakte auf.

Codierungsdauer-Vergleich:

Format	Codierungsdauer	Dekodierungsdauer	Geschwindigkeitsbewertung	Anwendungsszenario
JPEG	18 ms	8 ms	Sehr schnell	Echtzeit-Codierung
WebP	65 ms	15 ms	Schnell	Web-Echtzeit
AVIF	280 ms	22 ms	Langsam (Codierung)/Schnell (Dekodierung)	Vorgenerierung
PNG	120 ms	12 ms	Mittel	Verlustfreies Szenario

Die Codierungsdauer von AVIF ist 15-mal so lang wie die von JPEG und 4-mal so lang wie die von WebP, da die Block-Prädiktion und Transformationsauswahl von AV1 umfangreiche Rate-Distortion-Optimierungsberechnungen erfordern. Die Dekodierungsgeschwindigkeit von AVIF ist jedoch nur 2-mal langsamer als die von JPEG — die Auswirkung auf die Browser-Seite ist gering. Es wird empfohlen, AVIF-Bilder serverseitig vorzugenerieren (Codierung zur Build-Zeit) und nicht in Echtzeit zu codieren.

4. Browser-Kompatibilität und Migrationsstrategie

Die Browser-Kompatibilität von AVIF ist seit 2023 im Wesentlichen ausgereift, jedoch wird weiterhin eine Fallback-Lösung für ältere Browser benötigt. Die folgende Tabelle listet die Unterstützung gängiger Browser auf.

Browser	Unterstützte Version	Veröffentlichung	Globaler Anteil	Status
Chrome	85+	September 2020	65 %	Native Unterstützung
Safari	16.4+	März 2023	18 %	Native Unterstützung
Edge	92+	2021	5 %	Native Unterstützung
Firefox	93+	Oktober 2021	3 %	Native Unterstützung
Opera	71+	2020	2 %	Native Unterstützung
IE	Nicht unterstützt	—	<1 %	Fallback erforderlich

Die globale Browser-Unterstützungsrate für AVIF liegt bei ca. 96 %. Nicht unterstützt werden nur IE und sehr alte Browserversionen. Als Migrationsstrategie wird das HTML5-picture-Tag für progressives Enhancement empfohlen.

Migrationslösung	Implementierung	Kompatibilität	Wartungsaufwand	Empfehlung
picture-Tag	source Multiformat + img-Fallback	100 %	Niedrig	★★★★★
Nur AVIF	Direkt AVIF verwenden	96 %	Sehr niedrig	★★★☆☆
Accept-Header-Aushandlung	Serverseitige Rückgabe nach Accept	100 %	Mittel	★★★★☆
Nur JPEG	Keine Migration	100 %	Sehr niedrig	★☆☆☆☆

Empfohlene picture-Tag-Schreibweise:

<picture><source srcset="photo.avif" type="image/avif"><source srcset="photo.webp" type="image/webp"><img src="photo.jpg" alt="Landschaftsfoto"></picture>

Der Browser wählt nach Priorität das erste unterstützte Format: Bei AVIF-Unterstützung wird AVIF verwendet (am kleinsten), andernfalls wird WebP versucht und zuletzt auf JPEG zurückgegriffen. So profitiert man vom Komprimierungsvorteil von AVIF und gewährleistet gleichzeitig die korrekte Anzeige in älteren Browsern. Den vollständigen Leitfaden zur Web-Bildoptimierung finden Sie unter Web-Bildoptimierung: 50 % Leistungssteigerung in der Praxis.

5. Formatauswahl-Empfehlungen für verschiedene Szenarien

AVIF ist zwar hervorragend, aber nicht für alle Szenarien gleichermaßen geeignet. Die Bildformatauswahl sollte Komprimierungsrate, Kompatibilität, Codierungsgeschwindigkeit und Funktionsbedarf berücksichtigen.

Szenario	Empfohlenes Format	Begründung	Größenreferenz
E-Commerce-Produktbilder	AVIF (primär) + JPEG (Fallback)	Maximale Dateigrößenreduktion, schnelleres Laden	JPEG 420 KB → AVIF 210 KB
Nachrichten/Informationen	WebP (primär) + JPEG (Fallback)	Schnelle Codierung, gute Kompatibilität	JPEG 420 KB → WebP 298 KB
HDR-Fotografie	AVIF	Einziges gängiges Format mit 12-Bit-HDR	Verlustfreies HDR nur mit AVIF
UI-Icons/Screenshots	PNG	Verlustfrei erforderlich, scharfe Kanten	Kein Einfluss auf Größe
Soziale Medien	AVIF oder WebP	Kleine Dateigröße, schnelles Teilen	Beide geeignet
E-Mail-Einbettung	JPEG	E-Mail-Client-Kompatibilität hat Vorrang	AVIF nicht empfohlen (schlechte Kompatibilität)
Video-Thumbnails	AVIF	AV1-Video-Companion	50 % kleiner als JPEG
Echtzeit-Generierung (Captcha etc.)	JPEG	Codierungsgeschwindigkeit hat Vorrang	18 ms vs. AVIF 280 ms

Ein allgemeiner Grundsatz: Bei statischen Inhalten mit Vorgenerierung AVIF wählen (optimale Dateigröße), bei Echtzeit-Generierung JPEG/WebP (Geschwindigkeit hat Vorrang), bei verlustfreien Anforderungen PNG, bei HDR-Inhalten AVIF (einzige Option). Bei der Stapelkonvertierung mit SmartSlim können automatisch mehrere Formate (AVIF+WebP+JPEG) generiert werden, um mit einem Durchlauf alle Kompatibilitätsszenarien abzudecken.

5. Häufig gestellte Fragen (FAQ)

F1: Was ist das AVIF-Format?

AVIF (AV1 Image File Format) ist ein auf der AV1-Videocodierung basierendes Bildformat, das 2019 von der Alliance for Open Media (AOMedia) veröffentlicht wurde. AVIF nutzt die Intra-Frame-Codierungstechnologie von AV1 zur Komprimierung statischer Bilder und ist 50 % kleiner als JPEG sowie 20 % kleiner als WebP, bei gleichzeitiger Unterstützung von verlustfreier Komprimierung, HDR, Wide Color Gamut und Transparenzkanälen. AVIF ist ein Open-Source-Standard der nächsten Generation ohne Lizenzgebühren und wird bereits nativ von Chrome, Firefox und anderen gängigen Browsern unterstützt.

F2: Wie viel kleiner ist AVIF als JPEG?

Bei gleicher Bildqualität (SSIM über 0,9) ist AVIF etwa 50 % kleiner als JPEG. Beispiel: Ein 1920×1080-Foto — JPEG Qualität 85 ca. 420 KB, AVIF bei gleicher Qualität ca. 210 KB. Im Vergleich zu WebP ist AVIF bei mittlerer Qualität etwa 20 % kleiner, bei hoher Qualität ist der Vorteil noch deutlicher (über 30 % kleiner). Der Komprimierungsvorteil von AVIF resultiert aus den fortschrittlicheren Prädiktionscodierungs- und Transformationswerkzeugen von AV1, insbesondere bei komplexen Texturbereichen.

F3: Wie ist die Browser-Kompatibilität von AVIF?

Stand 2026 wird AVIF von allen gängigen Browsern unterstützt: Chrome 85+ (September 2020), Firefox 93+ (Oktober 2021), Edge 92+ (2021), Safari 16.4+ (März 2023). Die globale Browser-Unterstützungsrate liegt bei ca. 96 %. Nicht unterstützte ältere Browser können über das picture-Tag mit JPEG/WebP-Fallback versorgt werden. Empfohlen wird: <picture><source srcset='img.avif' type='image/avif'><img src='img.jpg'></picture> für progressives Enhancement.

F4: Welches ist besser: AVIF oder WebP?

Insgesamt ist AVIF WebP überlegen. Komprimierungsrate: AVIF ist 10 %–30 % kleiner als WebP; Funktionen: AVIF unterstützt HDR und 12-Bit-Farbtiefe, WebP nur 8-Bit-SDR; Codierungsgeschwindigkeit: WebP ist schneller als AVIF (AVIF-Codierung ist langsamer); Kompatibilität: WebP ca. 98 %, AVIF ca. 96 %. Bei Streben nach maximaler Komprimierungsrate und HDR-Unterstützung ist AVIF zu wählen, bei Streben nach Codierungsgeschwindigkeit und breiter Kompatibilität WebP. Empfohlen wird das picture-Tag zur gleichzeitigen Bereitstellung beider Formate.

Zusammenfassung

AVIF ist der Bildkomprimierungsstandard der nächsten Generation, basierend auf AV1-Intra-Frame-Codierung, 50 % kleiner als JPEG und 20 % kleiner als WebP, mit Unterstützung für HDR, 12-Bit-Farbtiefe und Transparenzkanäle. Der technische Vorsprung resultiert aus Block-Prädiktion (56 Richtungsprädiktionen), mehreren Transformationscodierungen (DCT/ADST/Identitätstransformation) und mehrstufiger In-Loop-Filterung (CDEF+LR). Der Preis ist eine langsamere Codierung (ca. 4-mal so lang wie WebP), was es für Vorgenerierungsszenarien und nicht für Echtzeit-Codierung geeignet macht.

Als Migrationsstrategie wird das picture-Tag-Multiformat-Konzept empfohlen: AVIF vorrangig, WebP als Zweitwahl, JPEG als Fallback — um sowohl Komprimierungsrate als auch 100 % Kompatibilität zu berücksichtigen. Drei Punkte: Erstens ist AVIF-Codierung langsam, aber Dekodierung schnell — geeignet für serverseitige Vorgenerierung. Zweitens ist AVIF die einzige Option für HDR-Inhalte (WebP/JPEG nicht unterstützt). Drittens sollten mit dem picture-Tag alle drei Formate gleichzeitig bereitgestellt werden, damit der Browser automatisch das optimale wählt.