AVIF (AV1 Image File Format) ist ein 2019 von der Alliance for Open Media standardisiertes Bildformat, das auf dem AV1-Videocodec basiert und gegenüber JPEG bis zu 50 % kleinere Dateien bei gleicher Qualität erreicht, während es gleichzeitig HDR, 12-Bit-Farbtiefe und Transparenz unterstützt.
Rubrik: Ausgabeformate & Technische Standards · Unterrubrik: Bild-Dateiformate · Niveau: Fortgeschritten Synonyme / Auch bekannt als: .avif, AV1 Image File Format, Alliance for Open Media Image Format
Was ist AVIF?
AVIF ist das Ergebnis der Alliance for Open Media (AOM) – einem Konsortium aus Google, Apple, Mozilla, Netflix, Amazon, Microsoft und weiteren Technologieunternehmen. Das Ziel war ein offenes, patentfreies Bildformat, das die Effizienz moderner Video-Codecs für Standbilder nutzbar macht. Die Spezifikation wurde 2019 veröffentlicht.
Das Format basiert auf dem AV1-Video-Codec, der wiederum auf jahrelanger Forschung zu hocheffizienter Videokompression aufbaut. Statt traditioneller DCT-basierter Kompression (wie JPEG) nutzt AVIF komplexere Transformationen, Vorhersageverfahren und maschinell-optimierte Quantisierung – was zu deutlich besserer Kompressionseffizienz führt, aber auch zu wesentlich längeren Kodierungszeiten.
AVIF ist seit 2023 in allen modernen Browsern nativ unterstützt (Chrome ab v85, Firefox ab v93, Safari ab v16, Edge ab v121) und hat sich schnell als das technisch überlegene Alternative zu WebP für neue Web-Projekte etabliert.
Technische Eigenschaften
| Eigenschaft | Wert |
|---|---|
| Kompressionstyp | Verlustbehaftet und verlustfrei |
| Farbtiefe | 8, 10, 12 Bit pro Kanal |
| Farbraum | sRGB, Display P3, Rec. 2020, HDR (HLG, PQ) |
| Transparenz | Vollständig (Alpha-Kanal) |
| Animation | Ja (Sequences) |
| Maximale Auflösung | Theoretisch unbegrenzt (AV1-Tiles) |
| HDR | Ja (PQ, HLG, vollständiger HDR-Support) |
| ICC-Farbprofile | Ja |
| Chroma-Subsampling | 4:2:0, 4:2:2, 4:4:4 |
| Browser-Support | Chrome 85+, Firefox 93+, Safari 16+, Edge 121+ |
Dateigröße-Vergleich (typisches Foto, 1920×1080 px, visuell äquivalente Qualität):
- JPEG Q85: ca. 400 KB
- WebP Lossy (äquivalent): ca. 280 KB (–30 %)
- AVIF: ca. 180–220 KB (–45 bis –55 % gegenüber JPEG)
Farbtiefe und HDR-Fähigkeit: AVIF unterstützt 10-Bit- und 12-Bit-Farbtiefe, was 1.024 bzw. 4.096 Abstufungen pro Kanal (statt 256 bei 8 Bit) ermöglicht. In Kombination mit HDR-Farbräumen wie Rec. 2020 und Übertragungsfunktionen wie Perceptual Quantizer (PQ, SMPTE ST 2084) können HDR-Fotos und -Grafiken ohne Qualitätsverlust im Web dargestellt werden – ein signifikanter Vorteil gegenüber JPEG und WebP.
Enkodierungsgeschwindigkeit: AVIF ist deutlich langsamer zu enkodieren als JPEG oder WebP. Auf einem modernen Rechner (2024) dauert die Konvertierung eines einzelnen Fotos ca. 1–5 Sekunden (abhängig von Auflösung und Qualität). Für Echtzeit-Verwendung (z. B. Kamera-Apps) ist AVIF derzeit noch nicht geeignet. Hardwarebeschleunigung für AVIF-Enkodierung wird zunehmend in SoCs integriert.
Einsatzgebiete
- Hochleistungs-Webprojekte und Core Web Vitals: Für Websites, bei denen Ladegeschwindigkeit und Google PageSpeed-Score entscheidend sind, bietet AVIF den stärksten Kompressionsgewinn. Besonders E-Commerce, Nachrichtenmedien und Portfolio-Websites profitieren.
- HDR-Inhalte im Web: Mit der Verbreitung von HDR-Displays (iPhone Pro-Modelle ab 2022, OLED-Monitore) gewinnt AVIF als erstes weit unterstütztes Web-Bildformat mit echtem HDR-Support an Bedeutung. Apple nutzt AVIF für HDR-Fotos in iOS-Browsern.
- Streaming-Plattform-Thumbnails: Netflix (als AOM-Mitglied) war einer der frühen Treiber von AVIF. Streaming-Dienste nutzen AVIF für Thumbnails und Cover-Bilder, um Bandbreite zu sparen.
- Professionelle Fotografie-Plattformen: Google Photos, Adobe, Flickr und 500px haben AVIF-Unterstützung eingeführt. Für die Auslieferung hochauflösender Fotos in Web-Galerien ist AVIF ideal.
- Mobile-First-Projekte: Bei mobilen Verbindungen (LTE, 5G) sind kleinere Bildformate besonders wertvoll. AVIF reduziert Datenverbrauch erheblich und verbessert die wahrgenommene Ladegeschwindigkeit.
In der Praxis
Adobe Photoshop (ab Version 23.2, 2022):
- Datei > Exportieren > Als Kopie exportieren: Format AVIF
- Qualität 60–80 für Standardbilder (visuell vergleichbar mit JPEG Q85)
- Farbtiefe: 8 Bit für Standard-Web, 10 Bit für HDR-Workflows
- Achtung: Enkodierung dauert mehrere Sekunden – nicht für Batch-Workflows mit Hunderten Bildern optimiert
Squoosh (Google):
- https://squoosh.app – AVIF-Export mit visueller Qualitätsvorschau
- Codec: AVIF (libaom), Qualität 45–65 (AVIF-Skala ≠ JPEG-Skala!)
- Geschwindigkeit-Einstellung: 6–8 für praktikable Konvertierungszeit
avifenc (Kommandozeilentool):
avifenc --min 24 --max 40 --speed 6 input.jpg output.avif- min/max: Quantisierungsbereich (0 = beste Qualität, 63 = schlechteste)
- speed: 0 (beste Kompression) bis 10 (schnellste Enkodierung)
Sharp (Node.js-Bildverarbeitungsbibliothek):
sharp('input.jpg').avif({ quality: 60 }).toFile('output.avif')- Ideal für serverseitige On-the-fly-Konvertierung in Web-Apps
Next.js und moderne Frameworks:
- Next.js Image-Komponente: AVIF automatisch aktiviert,
formats: ['image/avif', 'image/webp']innext.config.js
Vergleich & Abgrenzung
| Kriterium | AVIF | WebP | JPEG XL | HEIF |
|---|---|---|---|---|
| Kompressionseffizienz | Sehr hoch | Hoch | Sehr hoch | Hoch |
| Farbtiefe | Bis 12 Bit | 8 Bit | Bis 32 Bit | Bis 16 Bit |
| HDR | Ja | Nein | Ja | Ja |
| Animation | Ja | Ja | Ja | Ja |
| Browser-Support | Modern (2023+) | Universal | Eingeschränkt | Eingeschränkt |
| Enkodierungszeit | Langsam | Mittel | Sehr langsam | Mittel |
| Lizenz | Offen/Patentfrei | Offen | Offen | Patentbehaftet |
AVIF vs. JPEG XL: Beide sind technisch ähnlich leistungsstark, aber JPEG XL hat kaum Browser-Support (Chrome hat die Unterstützung 2023 entfernt, nur Safari und Firefox unterstützen es). Für Web-Projekte ist AVIF daher 2024/2025 die pragmatischere Wahl.
Häufige Fragen (FAQ)
Ist AVIF bereits praxisreif für Produktionswebsites? Ja, für neue Projekte ab 2024. Die Browser-Unterstützung ist seit 2023 universal, und mit einem <picture>-Element lässt sich AVIF mit WebP und JPEG als Fallback kombinieren. Das Muster <source type="image/avif" srcset="bild.avif"><source type="image/webp" srcset="bild.webp"><img src="bild.jpg"> gewährleistet maximale Kompatibilität.
Kann AVIF bestehende RAW-Workflow-Formate ersetzen? Nein. AVIF ist ein Web-Ausgabeformat, kein RAW-Arbeitsformat. Es eignet sich nicht als Zwischenformat in professionellen Bildbearbeitungs-Workflows, da es trotz hoher Effizienz immer noch verlustbehaftet komprimiert (in der Lossy-Variante) und keine vollständige EXIF/IPTC-Metadaten-Unterstützung bietet. RAW-Formate, TIFF und OpenEXR bleiben für professionelle Workflows relevant.
Wie groß ist die Qualitätsverbesserung gegenüber WebP wirklich? In kontrollierten Tests (Butteraugli-Metrik, SSIM) zeigt AVIF bei gleicher Dateigröße ca. 20–30 % bessere wahrgenommene Bildqualität gegenüber WebP. Für Bilder mit feinen Texturen, Haaren und Naturmotiven ist der Unterschied deutlich sichtbar; für einfache Grafiken und Illustrations-Stile hingegen kaum wahrnehmbar.
Verwandte Einträge
Weiterführend
- Alliance for Open Media (2019): AVIF Specification –
- Kornelski, Kornel (2023): AVIF Has Landed –
- Online: Can I Use – AVIF Browser-Kompatibilität –
- Online: Squoosh – AVIF-Vergleichstool –
- Online: Jake Archibald (2020): AVIF for Next-Generation Image Coding –
