AVIF-Format: Tiefgehende Analyse der Bildkomprimierung der nächsten Generation

Alle paar Jahre erscheint ein neues Bildformat, das kleinere Dateien und bessere Qualität verspricht. Die meisten verschwinden in der Bedeutungslosigkeit. AVIF ist anders. Unterstützt von der Alliance for Open Media (AOM) — einem Konsortium, dem Google, Apple, Mozilla, Microsoft, Netflix und Amazon angehören — basiert AVIF auf dem AV1-Video-Codec, einer der effizientesten Komprimierungstechnologien, die je entwickelt wurden. Es ist kein spekulatives Experiment. Es ist das Format, das Netflix für Milliarden von Thumbnails verwendet, das Android als Standard-Screenshot-Format nutzt und das mittlerweile von jedem großen Browser unterstützt wird.

AVIF liefert durchgehend 30–50 % kleinere Dateien als JPEG und 20–30 % kleinere Dateien als WebP bei gleichwertiger visueller Qualität. Es unterstützt HDR, erweiterte Farbräume, Transparenz und Animation. Auf dem Papier ist es das beste verfügbare Bildformat von heute.

Aber AVIF hat auch echte Einschränkungen. Die Kodierung ist deutlich langsamer als bei JPEG oder WebP. Die Browser-Unterstützung wächst zwar schnell, hat aber noch nicht die nahezu universellen 97 % erreicht, die WebP genießt. Und die Komplexität des Formats bedeutet, dass einige Tools und Plattformen es noch nicht gut verarbeiten.

Dieser Leitfaden behandelt alles, was Sie über AVIF wissen müssen — wie es unter der Haube funktioniert, wie es sich mit realen Kompressionsdaten gegen WebP und JPEG schlägt, wo die Browser-Unterstützung heute steht und wie Sie es schrittweise einführen, ohne etwas für Ihre Nutzer kaputt zu machen.

Wie AVIF funktioniert: AV1-Intra-Frame-Kodierung für Bilder

AVIF steht für AV1 Image File Format. Es nutzt die Intra-Frame-Kodierungstechnologie des AV1-Video-Codecs und verpackt sie im HEIF-Container (High Efficiency Image File Format), wie in der AOM-AVIF-Spezifikation definiert. Das Verständnis der zugrunde liegenden Technologie erklärt, warum AVIF so viel besser komprimiert als ältere Formate.

AV1-Intra-Frame-Kodierung

Bei der Videokomprimierung wird ein Intra-Frame (I-Frame) unabhängig komprimiert, ohne auf andere Frames zu verweisen. AVIF nutzt die Intra-Frame-Kodierungspipeline von AV1, die mehrere Techniken umfasst, die weit über JPEG oder WebP hinausgehen:

Flexible Blockpartitionierung. JPEG verwendet feste 8×8-Blöcke und WebP nutzt 4×4- und 16×16-Blöcke. AV1 unterstützt Superblöcke bis zu 128×128 Pixeln, die rekursiv in unterschiedliche Größen unterteilt werden können — große Blöcke für gleichmäßige Bereiche, kleine Blöcke für detailreiche Regionen, wobei Bits dort zugewiesen werden, wo sie am meisten zählen.

Fortgeschrittene Vorhersagemodi. AV1 bietet über 50 direktionale Intra-Vorhersagemodi im Vergleich zu keinem bei JPEG und 13 bei WebP. Genauere Vorhersage bedeutet weniger zu speichernde Daten, was zu dramatisch besserer Komprimierung bei Verläufen, Mustern und geometrischen Formen führt.

Multi-Symbol-Arithmetikkodierung. Der Entropiekodierer von AV1 passt sich an die statistischen Eigenschaften der Bilddaten an und holt Einsparungen heraus, die einfachere Kodierer wie die Huffman-Kodierung von JPEG auf dem Tisch lassen.

In-Loop-Filterung. AV1 wendet während der Dekodierung Deblocking-Filter, Constrained Directional Enhancement Filter (CDEF) und Loop-Restoration-Filter an. Diese reduzieren Blockartefakte an Blockgrenzen und ermöglichen aggressivere Quantisierung (kleinere Dateien) bei gleichzeitiger Beibehaltung der visuellen Qualität.

HDR, erweiterter Farbraum und mehr

Die Funktionen von AVIF gehen weit über die Komprimierungseffizienz hinaus:

• Farbtiefe: 8-Bit, 10-Bit und 12-Bit pro Kanal (JPEG und WebP sind auf 8-Bit beschränkt). Höhere Bittiefe eliminiert Banding in subtilen Verläufen — Sonnenuntergangshimmel, Hauttöne, Studiohintergründe.
• Erweiterte Farbräume: BT.2020- und BT.2100-Unterstützung ermöglicht AVIF die Darstellung lebhafter Farben außerhalb des sRGB-Farbraums, die JPEG und WebP nicht kodieren können.
• HDR-Transferfunktionen: PQ- und HLG-Unterstützung ermöglicht echte HDR-Bilder für HDR-Displays — zunehmend wertvoll, da HDR-Monitore zum Mainstream werden.
• Alpha-Transparenz: Unterstützt in verlustbehafteten und verlustfreien Modi, mit unabhängiger Komprimierung für den Alpha-Kanal.
• Animation: Bildsequenzen im HEIF-Container bieten eine hochwertige Alternative zu GIF und animiertem WebP, obwohl die Toolunterstützung noch reift.

AVIF vs. WebP vs. JPEG: Komprimierungsvergleich

Der wahre Test eines Bildformats ist, wie es bei realen Bildern abschneidet. Wir haben fünf Testbilder in JPEG, WebP und AVIF bei gleichwertiger visueller Qualität komprimiert, um die Unterschiede zu messen.

Testmethodik

• Quellbilder: Fünf Bilder, die gängige Web-Inhalte repräsentieren — eine Landschaftsfotografie, ein Porträt, ein Produktfoto auf weißem Hintergrund, ein Screenshot mit Text und eine grafische Illustration mit Flachfarben.
• Qualitätskalibrierung: Anstatt die gleiche numerische Qualitätseinstellung zu verwenden (die in jedem Format etwas anderes bedeutet), haben wir die Einstellungen so kalibriert, dass gleichwertige SSIM-Werte (Structural Similarity Index) von etwa 0,95 erzielt werden, was hohe visuelle Qualität für die Webauslieferung darstellt.
• JPEG-Einstellungen: Qualität 82, progressive Kodierung, 4:2:0 Chroma-Subsampling.
• WebP-Einstellungen: Qualität 80, verlustbehafteter Modus.
• AVIF-Einstellungen: Qualität 65 (die AVIF-Qualitätsskala funktioniert anders — niedrigere Zahlen erzeugen höhere Qualität relativ zu JPEG/WebP), Geschwindigkeit 4 (ausgewogene Kodierungsgeschwindigkeit).
• Konvertierungstool: ImgCompress.app, clientseitig in Chrome 122 auf einem MacBook Pro (M2, 16 GB RAM).

Ergebnisse

Was die Daten zeigen

AVIF schlägt JPEG um 39–49 % über alle Bildtypen. Die Einsparungen sind bei fotografischen Inhalten am dramatischsten, wo die fortgeschrittenen Vorhersagemodi und die flexible Blockpartitionierung von AV1 glänzen. Selbst die flache Illustration zeigt eine 39 %-Reduktion.

AVIF schlägt WebP um 19–33 %. Der Abstand ist kleiner als von WebP zu JPEG, aber immer noch erheblich. Beim Landschaftsfoto spart AVIF zusätzliche 117 KB gegenüber WebP — 32 % kleiner zusätzlich zu WebPs bereits deutlichem Vorteil.

Fotografische Inhalte profitieren am meisten, aber alle Typen verbessern sich. Screenshots und Illustrationen zeigen 19–21 % Einsparungen gegenüber WebP — engere Margen, weil WebP scharfe Kanten und Vollfarben bereits gut verarbeitet, aber AVIF gewinnt durchgehend.

Browser-Kompatibilität: Wo AVIF 2025 steht

Die Browser-Unterstützung ist der entscheidende Faktor, der bestimmt, ob Sie AVIF tatsächlich in der Produktion einsetzen können. Hier ist der aktuelle Stand basierend auf Can I Use-Daten von Anfang 2025.

Aktuelle Unterstützung

Globaler Unterstützungsanteil

Laut Can I Use hat AVIF Anfang 2025 eine globale Browser-Unterstützung von etwa 93 %. Dies ist ein deutlicher Anstieg gegenüber 2023, als Safaris Einführung das gesamte Apple-Ökosystem an Bord brachte, liegt aber immer noch unter der ~97 %-Abdeckung von WebP.

Die verbleibenden ~7 % stammen hauptsächlich von:

• Älteren Safari-Versionen auf macOS Monterey und früher (Safari 15 und darunter)
• Internet Explorer 11 (End of Life, aber in einigen Unternehmensumgebungen noch vorhanden)
• Älteren mobilen Browsern auf Geräten, die keine OS-Updates erhalten haben
• Einigen Nischen- und Embedded-Browsern

Was das in der Praxis bedeutet

Eine Unterstützungsrate von 93 % ist hoch genug, um AVIF als primäres Format mit Fallbacks zu verwenden, aber nicht hoch genug, um AVIF ausschließlich ohne Fallback-Strategie auszuliefern. Der praktische Ansatz ist, AVIF an Browser zu liefern, die es unterstützen, und für den Rest auf WebP oder JPEG zurückzufallen — genau dafür wurde das <picture>-Element entwickelt.

Die gute Nachricht ist, dass die AVIF-Unterstützung nur wächst. Jeder große Browser-Hersteller hat sich dem Format verpflichtet, und mit dem Altern älterer Browser-Versionen wird der Unterstützungsanteil weiter in Richtung der 97 % von WebP steigen.

Tutorial: Bilder mit ImgCompress.app in AVIF konvertieren

Lassen Sie uns die Konvertierung von Bildern in das AVIF-Format mit ImgCompress.app durchgehen, damit Sie den Prozess sehen und die Ergebnisse für Ihre eigenen Bilder bewerten können.

Schritt-für-Schritt-Konvertierung

1. Öffnen Sie unseren Bildkonverter in Ihrem Browser. Die gesamte Konvertierung erfolgt lokal in Ihrem Browser — Ihre Bilder werden nie auf einen Server hochgeladen.

2. Ziehen Sie Ihre Quellbilder (JPEG, PNG oder WebP) per Drag & Drop auf den Upload-Bereich. Sie können mehrere Dateien für die Stapelkonvertierung hochladen.

3. Wählen Sie AVIF als Zielformat aus dem Format-Dropdown.

4. Passen Sie die Qualitätseinstellung an. Für die meisten Webbilder bietet eine Qualitätseinstellung von 60–70 eine ausgezeichnete Balance aus Dateigröße und visueller Qualität. Für Hero-Bilder oder Produktfotografie, bei der Qualität entscheidend ist, verwenden Sie 75–85.

5. Klicken Sie auf Konvertieren. Die AVIF-Kodierung ist rechenintensiver als JPEG oder WebP, erwarten Sie also etwas längere Verarbeitungszeiten — typischerweise 2–5 Sekunden pro Bild, abhängig von den Abmessungen und der Rechenleistung Ihres Geräts. ImgCompress.app nutzt Web Workers, um die Oberfläche während der Kodierung reaktionsfähig zu halten.

6. Sehen Sie sich die Ergebnisse im Vorher-Nachher-Vergleich an. Achten Sie besonders auf:

   • Verlaufsbereiche (auf Banding-Artefakte achten)
   • Feinen Text und scharfe Kanten (auf Unschärfe prüfen)
   • Bereiche mit subtiler Textur (Detailerhaltung überprüfen)

7. Laden Sie die konvertierten AVIF-Dateien einzeln oder als ZIP-Archiv herunter.

Empfohlene Qualitätseinstellungen nach Anwendungsfall

Konvertierungstipps

• Beginnen Sie mit Qualität 65 und passen Sie von dort an. Die Qualitätsskala von AVIF funktioniert anders als bei JPEG — eine niedrigere Zahl bedeutet nicht unbedingt dramatisch schlechtere Qualität. Qualität 65 in AVIF sieht oft vergleichbar mit JPEG-Qualität 82 aus.
• Vergleichen Sie bei tatsächlicher Anzeigegröße. AVIF-Artefakte sind oft bei der Größe unsichtbar, in der das Bild tatsächlich auf Ihrer Website angezeigt wird. Zoomen Sie nur auf 100 %, wenn Sie die Qualität für Bilder überprüfen müssen, die Nutzer möglicherweise in voller Auflösung betrachten.
• Verwenden Sie Lossless für Grafiken mit Text. Wenn Ihr Bild gerenderten Text, Diagramme oder Pixel-Art enthält, verwenden Sie verlustfreies AVIF, um Komprimierungsartefakte an scharfen Kanten zu vermeiden.

Für einen umfassenderen Überblick über die Konvertierung zwischen allen unterstützten Formaten lesen Sie unseren Leitfaden zur Bildformat-Konvertierung.

Vorteile und Einschränkungen von AVIF

AVIF ist ein beeindruckendes Format, aber es ist nicht perfekt. Das Verständnis sowohl seiner Stärken als auch Schwächen hilft Ihnen, fundierte Entscheidungen darüber zu treffen, wann und wie Sie es einsetzen.

Vorteile

Erstklassige Komprimierungseffizienz. Wie unsere Testdaten zeigen, erzeugt AVIF durchgehend die kleinsten Dateien bei gleichwertiger visueller Qualität. Für fotografische Inhalte sind die Einsparungen gegenüber JPEG (40–50 %) und WebP (20–33 %) erheblich genug, um Seitenladezeiten und Bandbreitenkosten spürbar zu beeinflussen.

Überlegene Verarbeitung von Verläufen und sanften Tönen. Die 10-Bit- und 12-Bit-Farbtiefenunterstützung von AVIF eliminiert die Banding-Artefakte, die 8-Bit-JPEG und -WebP bei Bildern mit subtilen Verläufen plagen — Sonnenuntergangshimmel, Studiohintergründe, Hauttöne in Porträts.

Zukunftssichere HDR-Unterstützung. Da HDR-Displays auf Laptops, Smartphones und Monitoren zum Standard werden, werden die nativen HDR-Fähigkeiten von AVIF zunehmend wertvoll. Kein anderes weit verbreitetes Web-Bildformat bietet vergleichbare HDR-Unterstützung.

Lizenzfrei und offen. AVIF basiert auf AV1, das speziell als lizenzfrei konzipiert wurde. Im Gegensatz zu HEIC (basierend auf HEVC/H.265 mit komplexer Patentlizenzierung) kann AVIF von jedem frei und ohne Lizenzgebühren verwendet werden.

Starke Branchenunterstützung. Die Alliance for Open Media umfasst praktisch jedes große Technologieunternehmen. Dieses Maß an Unterstützung gewährleistet kontinuierliche Entwicklung, Optimierung und Browser-Unterstützung auf absehbare Zeit.

Einschränkungen

Langsame Kodierungsgeschwindigkeit. Die bedeutendste praktische Einschränkung von AVIF. Die Kodierung dauert 5–20× länger als bei JPEG — einige Sekunden statt Millisekunden pro Bild. Bei der Stapelverarbeitung von Hunderten von Bildern summiert sich das. AV1-Encoder-Optimierungen sind im Gange und die Geschwindigkeit hat sich erheblich verbessert, bleibt aber langsamer als Alternativen.

Unvollständige Browser-Unterstützung. Bei 93 % globaler Unterstützung kann AVIF nicht das einzige Format sein, ohne einige Nutzer auszuschließen. Eine Fallback-Strategie ist erforderlich.

Begrenztes Tool-Ökosystem. Große Browser und Betriebssysteme unterstützen AVIF, aber viele Bildbearbeitungstools, CMS-Plattformen und CDN-Dienste holen noch auf. Einige beliebte WordPress-Plugins und Website-Builder verarbeiten AVIF noch nicht nativ.

Maximale Dimensionsbeschränkungen. AV1 begrenzt einzelne Frames im Baseline-Profil auf 8192×4352 Pixel — ausreichend für praktisch alle Webbilder, aber eine Einschränkung für sehr hochauflösende Fotografie.

Implementierungskomplexität. Die Verwendung von AVIF erfordert das <picture>-Element für Fallbacks, korrekte MIME-Typ-Konfiguration (image/avif) und möglicherweise die Aktualisierung Ihrer Build-Pipeline zur Erzeugung von AVIF-Versionen.

Progressive Einführungsstrategie: AVIF + WebP + JPEG-Fallback

Angesichts der Komprimierungsvorteile von AVIF und seiner aktuellen Einschränkungen bei der Browser-Unterstützung ist der optimale Ansatz für die meisten Websites im Jahr 2025 eine progressive Einführungsstrategie, die das beste Format liefert, das jeder Browser verarbeiten kann.

Das dreistufige Fallback-Muster

Das HTML-<picture>-Element ermöglicht die Angabe mehrerer Bildquellen in der Reihenfolge der Präferenz. Der Browser wählt das erste Format, das er unterstützt:

<picture>
  <source srcset="hero.avif" type="image/avif" />
  <source srcset="hero.webp" type="image/webp" />
  <img src="hero.jpg" alt="Beschreibung des Bildes" />
</picture>

Mit diesem Muster:

• 93 % der Browser erhalten die AVIF-Version (kleinste Datei)
• ~4 % der Browser erhalten die WebP-Version (immer noch viel kleiner als JPEG)
• ~3 % der Browser erhalten die JPEG-Version (universeller Fallback)

Der Browser übernimmt die Formatauswahl automatisch — kein JavaScript, keine serverseitige Erkennung, kein User-Agent-Sniffing. Es funktioniert einfach.

Implementierungshinweise

Erzeugen Sie alle drei Formate während Ihres Build-Prozesses. Nutzen Sie Ihre Bildoptimierungspipeline, um AVIF-, WebP- und JPEG-Versionen jedes Bildes zu erstellen. Die Speicherkosten für drei Versionen sind minimal im Vergleich zu den Bandbreiteneinsparungen durch die Auslieferung des optimalen Formats an jeden Nutzer.

Priorisieren Sie AVIF für Ihre größten Bilder. Wenn die Erzeugung von drei Versionen jedes Bildes übertrieben erscheint, beginnen Sie mit AVIF-Versionen Ihrer Hero-Bilder, Produktfotos und anderer großer Bilder, bei denen die Kompressionseinsparungen den größten Einfluss haben. Kleinere Bilder wie Icons und Thumbnails können weiterhin WebP oder PNG verwenden.

Konfigurieren Sie die MIME-Typen Ihres Servers. Stellen Sie sicher, dass Ihr Webserver den korrekten Content-Type: image/avif-Header für .avif-Dateien sendet. Die meisten modernen Webserver und CDNs handhaben dies automatisch, aber es lohnt sich, dies zu überprüfen.

Überwachen Sie Ihre Analysen. Verfolgen Sie, welches Format Ihre Besucher tatsächlich erhalten. Wenn die AVIF-Browser-Unterstützung wächst, können Sie möglicherweise den JPEG-Fallback ganz weglassen und Ihre Pipeline auf AVIF + WebP vereinfachen.

Wann Sie AVIF (vorerst) überspringen sollten

Erwägen Sie, bei WebP + JPEG zu bleiben, wenn Ihre Bilder hauptsächlich kleine Icons oder Logos sind (wo der Vorteil von AVIF gegenüber WebP gering ist), Ihre Build-Pipeline kein drittes Format aufnehmen kann, die Kodierungsgeschwindigkeit ein Engpass für die Echtzeitverarbeitung ist oder Ihre Zielgruppenanalysen eine geringe Nutzung AVIF-fähiger Browser zeigen.

Für die meisten Websites mit fotografischen Inhalten machen die 30–50 % Einsparungen gegenüber JPEG den Aufwand für AVIF lohnenswert. Unser Ultimativer Leitfaden zur Bildkomprimierung behandelt die umfassendere Strategie der Formatwahl für jeden Bildtyp.

Die Zukunft von AVIF

Die Entwicklung von AVIF ist klar. Die Encoder-Leistung verbessert sich weiter — SVT-AV1 hat erhebliche Fortschritte bei der Reduzierung der Kodierungszeit bei gleichzeitiger Beibehaltung der Effizienz gemacht. Adobe Photoshop, GIMP und große CDN-Anbieter bieten jetzt AVIF-Unterstützung, und das Tool-Ökosystem holt schnell auf. Da sich jeder große Browser dem Format verpflichtet hat, wird die globale Unterstützung natürlich in Richtung der 97 % von WebP steigen, wenn ältere Versionen auslaufen. Animiertes AVIF reift ebenfalls und bietet eine hochwertige Alternative zu GIF mit dramatisch besserer Komprimierung.

Fazit

AVIF stellt einen echten Generationssprung in der Bildkomprimierung dar. Aufgebaut auf dem AV1-Codec mit Unterstützung jedes großen Technologieunternehmens liefert es 40–50 % kleinere Dateien als JPEG und 20–33 % kleinere Dateien als WebP bei gleichwertiger visueller Qualität. Fügen Sie native HDR-Unterstützung, erweiterte Farbräume, 10/12-Bit-Farbtiefe und eine lizenzfreie Lizenz hinzu, und AVIF ist das leistungsfähigste Bildformat, das heute für das Web verfügbar ist.

Die praktische Realität im Jahr 2025 ist, dass AVIF am besten als Teil einer progressiven Strategie funktioniert — liefern Sie AVIF an die 93 % der Browser, die es unterstützen, fallen Sie auf WebP für weitere 4 % zurück und behalten Sie JPEG als universelles Sicherheitsnetz. Dieser dreistufige Ansatz mit dem <picture>-Element ist einfach zu implementieren und stellt sicher, dass jeder Besucher die kleinste Datei erhält, die sein Browser verarbeiten kann.

Der Kompromiss bei der Kodierungsgeschwindigkeit ist real, aber handhabbar. Für vorverarbeitete Assets (Blog-Bilder, Produktfotos, Marketing-Grafiken) ist die zusätzliche Kodierungszeit ein einmaliger Aufwand, der sich bei jedem Seitenaufruf durch reduzierte Bandbreite amortisiert. Für die Echtzeitverarbeitung von Nutzer-Uploads bleibt WebP die praktischere Wahl, bis AVIF-Encoder schneller werden.

Wenn Sie AVIF noch nicht ausprobiert haben, ist der beste Weg zur Bewertung, es mit Ihren eigenen Bildern zu testen. Konvertieren Sie einige Ihrer größten Fotografien und vergleichen Sie die Dateigrößen und visuelle Qualität mit Ihren aktuellen JPEG- oder WebP-Versionen. Die Zahlen sprechen für sich.

Bereit, Ihre Bilder in AVIF zu konvertieren? Probieren Sie unseren kostenlosen Formatkonverter — er läuft vollständig in Ihrem Browser, unterstützt AVIF zusammen mit JPEG, PNG und WebP und ermöglicht den Vergleich der Ergebnisse vor dem Download.

Weiterführende Artikel:

• Der ultimative Leitfaden zur Bildkomprimierung 2025: Dateigröße um 90 % reduzieren
• WebP vs. PNG: Vollständiger Formatvergleich 2025
• Leitfaden zur Bildformat-Konvertierung: JPG, PNG, WebP & AVIF erklärt