Was ist AVIF? Das moderne Bildformat, das du kennen solltest
Was AVIF eigentlich ist
AVIF steht für AV1 Image File Format. Es ist ein moderner Container für Standbilder, der vom AV1-Video-Codec abgeleitet wurde. Dieser wurde von der Alliance for Open Media entwickelt – einem Konsortium aus Schwergewichten wie Google, Apple, Mozilla, Netflix und Amazon. Die erste stabile Spezifikation erschien 2019, und die Browser-Unterstützung ist seitdem stetig gewachsen. Um AVIF wirklich zu verstehen, musst du dir seinen Stammbaum ansehen. Sein Elternteil, AV1, wurde als lizenzfreier Video-Codec geschaffen, um dem patentbelasteten HEVC (H.265) die Stirn zu bieten, der Technologie hinter Apples HEIF-Bildern. Da AV1 Open-Source und kostenlos ist, kann jeder Entwickler es implementieren, ohne Lizenzgebühren zahlen zu müssen. Das ist ein entscheidender Faktor für die Akzeptanz. Es ist der Grund, warum Chrome, Firefox und Edge AVIF nativ unterstützen, während die HEIF/HEIC-Unterstützung im Web ein ziemliches Durcheinander bleibt. AVIF nutzt die Intra-Frame-Kodierungswerkzeuge von AV1 und behandelt ein einzelnes Bild im Grunde wie einen einzelnen Frame eines Videos. Das ist keine billige Abkürzung. Genau das verschafft AVIF den Zugriff auf die gleichen ausgeklügelten Kompressionstechniken, die AV1-Videos so effizient machen: variable Transformationsblockgrößen von bis zu 64×64 Pixeln, Filmkorn-Synthese, Loop-Filter und mehr. Das Ergebnis ist ein Format, das gegen JPEG XL und WebP 2 um den Titel des heute effizientesten Bildformats antritt. Aber AVIF ist mehr als nur Kompression; es ist ein funktionsreiches Format. Es unterstützt 8-Bit, 10-Bit und sogar 12-Bit Farbtiefe, ebenso wie HDR und breite Farbräume wie Rec. 2020 und Display P3. Es beherrscht auch Alpha-Transparenz und sogar kurze Animationen. Diese Flexibilität ermöglicht es ihm, sowohl bei fotografischen als auch bei grafischen Inhalten gute Leistungen zu erbringen, aber wie wir noch sehen werden, hat es seine spezifischen Stärken und Schwächen.
AVIF-Kompression im Vergleich zu JPEG, WebP und PNG
Zahlen erzählen die Geschichte besser als Adjektive. Eine Netflix-Studie aus dem Jahr 2021 – und die müssen es ja wissen, schließlich sind sie einer der Hauptentwickler von AV1 – zeigte, dass AVIF-Dateien bei gleicher visueller Qualität rund 50 % kleiner waren als JPEGs. Googles eigenes WebP bietet in der Regel eine Ersparnis von 25–34 % gegenüber JPEG. Das ist keine winzige, schrittweise Verbesserung. Das ist ein Quantensprung in Sachen Effizienz. Machen wir das mal konkret. Ein hochwertiges 180-KB-Produktfoto, das als JPEG (Qualität 85) gespeichert wurde, wäre als WebP etwa 130 KB groß. Als AVIF mit einem konstanten Ratenfaktor (crf) von 30 könnte dasselbe Bild nur 90–100 KB wiegen, ohne wahrnehmbaren Qualitätsverlust auf einem guten Monitor. Wenn du für so etwas wie ein Thumbnail mit einer etwas geringeren Qualität leben kannst, kann ein crf von 40 die Dateigröße unter 60 KB drücken. Was ist mit Grafiken? Für Logos, Illustrationen und UI-Screenshots mit flächigen Farben war PNG bisher der König der verlustfreien Kompression. AVIF hat einen verlustfreien Modus, aber geh nicht davon aus, dass er besser ist. Meiner Erfahrung nach ist er für diesen Zweck eine schlechte Wahl. Verlustfreie AVIF-Dateien sind oft 10–20 % größer als das entsprechende PNG. Der verlustfreie Modus von WebP hingegen schlägt PNG konstant um etwa 26 % und übertrifft auch verlustfreies AVIF. Das Fazit ist klar: Die wahre Stärke von AVIF liegt in der verlustbehafteten Kompression für Fotos, nicht in verlustfreien Grafiken. Bei der Alpha-Transparenz glänzt AVIF so richtig. JPEG kann überhaupt keine Transparenz. WebP kann es, aber AVIF macht es oft besser und kleiner. Ein Produktfoto mit transparentem Hintergrund – das tägliche Brot im E-Commerce – kann als AVIF gespeichert werden, das 60–70 % kleiner ist als sein PNG-Pendant, während es scharfe, saubere Kanten bei kniffligen Details wie Haaren oder Fell beibehält.
Browser- und Plattform-Unterstützung im Jahr 2025
AVIF ist kein Experiment mehr. Stand Mitte 2025 liegt die weltweite Browser-Unterstützung laut caniuse.com bei über 93 %. Chrome ist seit Version 85 im August 2020 mit an Bord. Firefox zog mit Version 93 im Oktober 2021 nach. Entscheidend ist, dass Safari auf macOS Ventura und iOS 16 und neuer AVIF dekodieren kann. Edge, das auf Chromium basiert, unterstützt es seit Ende 2020. Was das für dich bedeutet: Wenn du AVIF-Bilder auf deiner Website auslieferst, werden sie fast alle sehen. Die restlichen ca. 7 % der Nutzer mit älteren Browsern brauchen einfach nur ein Fallback. Die elegante Standardlösung dafür ist das HTML-`<picture>`-Element: <picture> <source srcset="image.avif" type="image/avif"> <source srcset="image.webp" type="image/webp"> <img src="image.jpg" alt="Produktfoto"> </picture> Dieses einfache, dreistufige Fallback deckt jeden relevanten Browser ab. Ein Browser, der AVIF nicht versteht, versucht es mit WebP; wenn das auch fehlschlägt, greift er auf das universelle JPEG zurück. Es funktioniert einfach. Kein JavaScript nötig. Auf dem Desktop ist die Lage etwas komplizierter, aber größtenteils positiv. Windows 11 kann AVIFs in seiner Fotos-App anzeigen, nach der kostenlosen Installation der „AV1 Video Extension“ aus dem Microsoft Store. macOS unterstützt es seit macOS Monterey nativ in der Vorschau. Adobe Photoshop hat die AVIF-Unterstützung in Version 23.2 (Februar 2022) integriert, sodass du sie direkt öffnen und speichern kannst. GIMP unterstützt es seit Version 2.10.22. Sogar Figma kann AVIF-Dateien öffnen, auch wenn es sie noch nicht exportieren kann. Für alle, die automatisierte Workflows erstellen: Die serverseitigen Tools sind ausgereift. Wichtige Bibliotheken wie libavif (die Referenzimplementierung), Sharp für Node.js, Pillow für Python 3.10+ und ImageMagick 7.1+ bieten alle solide Funktionen zum Kodieren und Dekodieren von AVIF.
Wann du AVIF verwenden solltest – und wann nicht
Wo also solltest du AVIF nun einsetzen? Der primäre Anwendungsfall sind fotografische Bilder im Web, bei denen die Dateigröße die Performance beeinflusst. Denk an Produktgalerien im E-Commerce, Hero-Images in Nachrichtenartikeln und Portfolio-Websites. Wenn deine Website Tausende von Bildern pro Tag ausliefert, kann der Wechsel zu AVIF deine CDN-Bandbreitenkosten um 30–50 % drastisch senken. Bei entsprechendem Umfang ist das bares Geld. HDR-Fotografie ist ein weiterer Killer-Anwendungsfall. Mit seiner Unterstützung für 10-Bit- und 12-Bit-Farben sowie breite Farbräume wie Rec. 2020 kann AVIF HDR-Inhalte anzeigen, ohne sie erst auf SDR herunterrechnen zu müssen. JPEG kann das überhaupt nicht, und WebP ist auf 8-Bit beschränkt. Für Fotografen oder Immobilien-Websites, die Nutzern mit HDR-Bildschirmen hochwertige Bilder präsentieren, ist AVIF das einzige weit verbreitete Webformat, das dieser Hardware gerecht wird. Aber es ist kein Allheilmittel. Der größte Nachteil ist, dass die AVIF-Kodierung langsam ist. Richtig langsam. Das Kodieren eines einzigen hochauflösenden Fotos mit hoher Qualitätseinstellung kann den Lüfter deiner CPU aufheulen lassen und mehrere Sekunden dauern, während ein JPEG in Millisekunden kodiert wird. Diese Latenz macht AVIF zu einer schlechten Wahl für Anwendungen, die eine Bildgenerierung in Echtzeit erfordern, wie etwa ein Fotoeditor, der häufig speichert. Obwohl die Unterstützung für Hardware-Kodierung besser wird, bleibt die reine Software-Kodierung ein erheblicher Engpass. Für andere Aufgaben solltest du das richtige Werkzeug für die jeweilige Aufgabe verwenden. Vektorgrafiken und Diagramme gehören nach wie vor in eine SVG-Datei. Für Screenshots von Code oder UI-Text, bei denen du absolute pixelgenaue Schärfe benötigst, bleib bei PNG oder verlustfreiem WebP. Und für alles, was mit Druck zu tun hat, ist AVIF komplett irrelevant; TIFF und PDF sind hier nach wie vor die unumstrittenen Standards. Was ist mit Animationen? AVIF unterstützt sie (als AVIS-Sequenzen), aber die Kodierung ist noch langsamer als bei Standbildern und die Browser-Unterstützung ist weniger zuverlässig. Ehrlich gesagt, bist du besser dran, wenn du ein animiertes WebP oder, noch besser, eine kurze MP4- oder WebM-Videodatei mit Autoplay verwendest.
Wie man Bilder in AVIF konvertiert
Okay, wie erstellst du diese Dateien also? Du hast je nach deinen Bedürfnissen ein paar Optionen. Für Entwickler und Fans der Kommandozeile ist `avifenc` (aus dem libavif-Toolkit) der Referenz-Encoder. Ein typischer Befehl könnte so aussehen: `avifenc --min 20 --max 40 --speed 6 input.jpg output.avif`. Die Flags `--min` und `--max` legen den Qualitätsbereich fest (niedriger ist besser, auf einer Skala von 0–63), und `--speed` steuert den Kompromiss zwischen Kodierungszeit und Dateigröße (0 ist am langsamsten und effizientesten, 10 am schnellsten). Ein Speed von 6 ist ein super Ausgangspunkt für die Stapelverarbeitung. Wenn du sehen willst, was du tust, ist Squoosh von Google (squoosh.app) ein fantastisches browserbasiertes Tool. Es lässt dich die AVIF-Einstellungen mit einem visuellen Qualitätsregler und einem sofortigen Seite-an-Seite-Vergleich anpassen. Es ist perfekt für einzelne Konvertierungen und um ein Gefühl dafür zu bekommen, wie sich die Qualitätseinstellungen auf deine spezifischen Bilder auswirken. Für Massenkonvertierungen, ohne die Kommandozeile anzufassen, bietet CocoConvert AVIF als Ausgabeformat für Quellen wie JPEG, PNG, WebP und HEIC an. Du lädst einfach deine Dateien hoch, wählst AVIF und lädst die Ergebnisse herunter. Der Encoder ist so vorkonfiguriert, dass er für die Webnutzung eine gute Balance zwischen Größe und Qualität findet. Eine ehrliche Einschränkung: CocoConvert bietet keine manuellen Regler für den konstanten Ratenfaktor (crf) oder das Chroma-Subsampling. Wenn du diese feine Kontrolle brauchst – um zum Beispiel 4:4:4-Farben für ein professionelles Foto zu garantieren – geben dir ein Kommandozeilen-Tool oder der Exportdialog von Photoshop diese Präzision. In Photoshop (CC 2022 und neuer) gehst du einfach zu Datei > Exportieren > Exportieren als und wählst AVIF aus der Formatliste. Lightroom Classic hingegen exportiert AVIF immer noch nicht nativ, sodass man auf Plugins von Drittanbietern angewiesen ist, um die Lücke zu schließen.
AVIF vs. JPEG XL: Der andere Konkurrent
Jede ehrliche Diskussion über AVIF muss seinen Hauptkonkurrenten anerkennen: JPEG XL (JXL). Es ist ein fantastisches Format, das einige Dinge bietet, die AVIF nicht kann, wie echte verlustfreie JPEG-Rekompression (du kannst ein JPEG in JXL und zurück konvertieren, ohne Qualitätsverlust) und schnellere Kodierungsgeschwindigkeiten bei vergleichbaren Qualitätsstufen. Es leistet oft auch bessere Arbeit bei Bildern, die scharfe Linien und Text enthalten. In direkten Kompressionsvergleichen ist keines der Formate auf ganzer Linie ein klarer Sieger. AVIF hat bei detailreichen Fotos mit sehr niedrigen Bitraten oft die Nase vorn, während JPEG XL tendenziell besser für Grafiken, textlastige Bilder und alle Workflows ist, bei denen die Kodierungsgeschwindigkeit ein Faktor ist. Aber die technischen Spezifikationen erzählen nicht die ganze Geschichte. Der entscheidende Unterschied ist die Browser-Unterstützung. Im Jahr 2023 entfernten die Chrome-Entwickler die experimentelle JPEG-XL-Unterstützung mit der Begründung, es fehle das Interesse im Ökosystem, und diese Entscheidung hat den Markt praktisch eingefroren. Stand Mitte 2025 unterstützt nur Safari (17+) JXL nativ, während die Unterstützung in Firefox hinter einem Flag versteckt ist. Das bedeutet, dass du JXL heute im Web nicht zuverlässig ohne einen JavaScript-Polyfill ausliefern kannst. Für Webentwickler nimmt uns das die Entscheidung ab, zumindest vorerst. AVIF ist mit seiner nativen Unterstützung von über 93 % die einzig praxisnahe Wahl für den modernen Einsatz von Bildern. Diese Situation könnte sich ändern. Die JPEG-XL-Community ist leidenschaftlich und aktiv, und die Browser-Hersteller könnten ihre Meinung noch ändern. Aber für jeden, der jetzt Websites baut, hat AVIF den riesigen, unbestreitbaren Vorteil, dass es dort unterstützt wird, wo es zählt.
Solltest du deine bestehenden Bilder zu AVIF migrieren?
Also, solltest du deine gesamte Bildbibliothek konvertieren? Die gute Nachricht ist, dass die Migration kein Alles-oder-Nichts-Unterfangen sein muss. Die beste Strategie für die meisten ist es, einfach AVIF-Versionen neben den bestehenden JPEGs und PNGs hinzuzufügen und das `<picture>`-Element zu nutzen, damit die Browser das beste Format wählen können. Das bedeutet, du musst deine alten Dateien nicht löschen; du ergänzt sie einfach. Für eine Website mit einer großen Bibliothek ist die Stapelverarbeitung der einzig vernünftige Weg. Richte ein Skript mit einem Tool wie Sharp für Node.js oder ImageMagick in einer Shell-Schleife ein, oder nutze ein Build-Step-Plugin für Vite oder webpack. Lass es über Nacht laufen. Die langsame Kodierung ist ein einmaliger Aufwand, aber die Einsparungen bei der Bandbreite zahlen sich bei jedem einzelnen Seitenaufruf aus. Für alle neuen Bilder ist der Workflow sogar noch einfacher. Mach es zur Standardprozedur, eine AVIF-Version für die Auslieferung im Web zu kodieren. Behalte deine hochauflösende Originaldatei – sei es ein RAW, TIFF oder ein hochwertiges JPEG – und generiere das weboptimierte AVIF als Teil deines Veröffentlichungsprozesses. Was ist mit dem Speicherplatz? Ja, das Vorhalten mehrerer Versionen jedes Bildes wird deinen Speicherbedarf vorübergehend erhöhen. AVIF-Dateien sind kleiner, aber du fügst sie zu deiner bestehenden Bibliothek hinzu. Für die meisten Websites werden die erheblichen Einsparungen bei der CDN-Ausgangsbandbreite die geringfügig höheren Kosten für den Ursprungsspeicher jedoch leicht aufwiegen. Ein letztes Wort der Warnung: die Archivierung. Jeder, der schon einmal versucht hat, ein 15 Jahre altes proprietäres Dateiformat zu öffnen, kennt den Schmerz von Datenfäule und Veralterung. AVIF ist noch jung. JPEG ist über 30 Jahre alt und wird auch von Software lesbar sein, die noch gar nicht erfunden wurde. Für die langfristige, dauerhafte Archivierung deiner wichtigsten Bilder ist die konservative Wahl die richtige. Bleib bei hochwertigem JPEG oder TIFF. Verwende AVIF für die Auslieferung, aber behalte deine Originale immer in einem Format mit einer bewährten Erfolgsbilanz.