AVIF (AV1 Image File Format) ist ein modernes Bildformat, das auf dem AV1-Video-Codec der Alliance for Open Media basiert und bei vergleichbarer Qualität 30–50 % kleinere Dateien als JPEG erzeugt, mit Unterstützung für HDR, 12-Bit-Farbe und Transparenz.
Rubrik: Ausgabeformate & Technische Standards · Unterrubrik: Bild-Dateiformate · Niveau: Einsteiger Dateiendung: .avif · Entwickler: Alliance for Open Media (AOM) · Eingeführt: 2019
Was ist AVIF?
AVIF ist das derzeit modernste und effizienteste Bildformat für Webanwendungen. Es wurde von der Alliance for Open Media entwickelt, einem Konsortium aus Google, Apple, Mozilla, Netflix, Amazon und anderen großen Technologieunternehmen. AVIF extrahiert einzelne Frames aus dem lizenzfreien AV1-Video-Codec und nutzt dessen fortschrittliche Kompressionsalgorithmen für Standbilder.
Das Format ist vollständig lizenzfrei und royalty-free, was es von proprietären Formaten wie HEIF/HEIC unterscheidet.
Erklärung
AVIF basiert auf dem HEIF-Container (High Efficiency Image File Format), nutzt jedoch AV1 statt HEVC als Codec. Der AV1-Kompressionsalgorithmus verwendet unter anderem:
- Intra-Frame-Prädiktion: Jeder Bildblock wird aus benachbarten Blöcken vorhergesagt, was starke Redundanzen ausnutzt
- Transformationen: Diskrete Kosinustransformation (DCT) und rekursive Walsh-Hadamard-Transformation
- Loop-Filter: Reduzieren Blockartefakte durch adaptive Glättung
Kompressionseffizienz: Im Vergleich zu JPEG erzeugt AVIF bei gleichem SSIM-Qualitätswert typischerweise 30–50 % kleinere Dateien. Gegenüber WebP sind es noch einmal 20–30 % Einsparung. Dies macht AVIF besonders wertvoll für bandbreitenbeschränkte Verbindungen und mobile Anwendungen.
Farbtiefe: AVIF unterstützt 8, 10 und 12 Bit pro Farbkanal. 10 und 12 Bit ermöglichen feinere Farbabstufungen und sind für HDR-Inhalte (High Dynamic Range) notwendig. Dies unterscheidet AVIF fundamental von JPEG und WebP, die auf 8 Bit begrenzt sind.
Farbraum: Unterstützt SDR (sRGB, Display P3) und HDR (BT.2020, HLG, PQ). Für HDR-Webinhalte ist AVIF das einzige weit unterstützte Format.
Transparenz: Vollständiger 8-/10-/12-Bit-Alphakanal.
Animation: AVIF unterstützt Sequenzen/Animationen, allerdings ist animiertes AVIF noch nicht überall implementiert.
Enkodierungsgeschwindigkeit: Ein erheblicher Nachteil: AVIF-Enkodierung ist deutlich langsamer als JPEG oder WebP. Auf einem modernen Rechner dauert die Enkodierung eines hochauflösenden Bildes mehrere Sekunden, während JPEG in Millisekunden fertig ist. Für serverseitige On-the-Fly-Konvertierung sind daher Caching-Strategien unerlässlich.
Browser-Unterstützung: Chrome (ab 85, 2020), Firefox (ab 93, 2021), Safari (ab 16, 2022), Edge (ab 121, 2024). Ältere Browser benötigen WebP oder JPEG als Fallback.
Beispiele
- Streaming-Dienste: Netflix war früh an AVIF-Entwicklung beteiligt und setzt es für Thumbnails und Vorschaubilder ein, um Bandbreite zu sparen.
- HDR-Webinhalte: Fotografen, die HDR-Bilder im Web präsentieren, nutzen AVIF mit 10-Bit-Farbtiefe für korrekte Darstellung auf HDR-Displays.
- Mobile-First-Websites: Nachrichtenportale mit hohem mobilem Traffic liefern Artikelbilder als AVIF, um Datenvolumen zu schonen.
- E-Commerce mit vielen Produktbildern: Plattformen mit tausenden Produktfotos sparen durch AVIF erhebliche CDN-Kosten.
- Progressive Web Apps: PWAs nutzen AVIF für Icons und Illustrationen mit Transparenz – kleinere Dateien, schnelleres Laden.
In der Praxis
Wann AVIF verwenden:
- Moderne Web-Projekte mit aktuellem Browser-Targeting
- HDR-Fotografie im Web
- Mobile-optimierte Seiten mit vielen Bildern
Export-Einstellungen:
- Qualität 60–70 für Fotos (entspricht visuell JPEG 85)
- Qualität 80–85 für Grafiken und UI-Elemente
- Enkodierungsgeschwindigkeit: Wert 4–6 als Kompromiss (0 = langsam/beste Kompression, 10 = schnell/schlechter)
- Farbprofil einbetten für HDR-Inhalte
Software-Kompatibilität: GIMP (ab 2.10.22), Photoshop (ab CC 2023 mit Plugin), Squoosh (Google, Browser-basiert), ffmpeg, ImageMagick, Cloudinary (automatisch).
Deployment-Strategie: <picture>-Element mit AVIF als bevorzugter Quelle, WebP als Fallback, JPEG als letzter Rückfall:
``html <picture> <source srcset="bild.avif" type="image/avif"> <source srcset="bild.webp" type="image/webp"> <img src="bild.jpg" alt="Beschreibung"> </picture> ``
Vergleich & Abgrenzung
Gegenüber WebP: AVIF ist moderner, komprimiert besser und unterstützt HDR und höhere Farbtiefen. WebP ist jedoch schneller zu enkodieren und etwas universeller unterstützt. Für detaillierten Vergleich: WebP vs. AVIF.
Gegenüber HEIF/HEIC: Beide basieren auf demselben Container, nutzen aber unterschiedliche Codecs (AVIF: AV1; HEIC: HEVC). AVIF ist lizenzfrei; HEIC kann Lizenzgebühren erfordern und ist primär auf Apple-Ökosystemen verbreitet.
Häufige Fragen (FAQ)
Wann sollte ich AVIF statt WebP verwenden? AVIF ist die bessere Wahl, wenn maximale Kompressionseffizienz und HDR-Unterstützung wichtig sind und die Zielgruppe überwiegend moderne Browser nutzt (Chrome, Firefox, aktuelle Safari-Version). WebP ist sinnvoller, wenn eine breitere Kompatibilität ohne Fallback-Implementierung benötigt wird oder wenn schnelle serverseitige Enkodierung ohne Caching erforderlich ist.
Welche Qualitätseinstellungen sind bei AVIF optimal? Für Fotos im Web liefert Qualität 60–70 visuelle Ergebnisse vergleichbar mit JPEG 85–90, bei deutlich kleinerer Dateigröße. Für Grafiken mit klaren Kanten empfehlen sich 75–85. Die verlustfreie Enkodierung ist bei AVIF sehr langsam und erzeugt größere Dateien als verlustfreies WebP – für verlustfreie Anwendungsfälle daher WebP oder PNG bevorzugen.
Weiterführend
- Alliance for Open Media: AVIF Specification – aomediacodec.github.io/av1-avif (2019)
- Netflix Tech Blog: „AVIF for Next-Generation Image Coding" (2020)
- web.dev: „AVIF has landed" (2021)
- caniuse.com/avif – aktuelle Browser-Unterstützungsübersicht
