Definition
AVIF (AV1 Image File Format) ist ein offenes Bildformat, das auf dem AV1-Videocodec der Alliance for Open Media basiert. Es wurde 2019 spezifiziert und unterstützt verlustbehaftete und verlustfreie Kompression, HDR (High Dynamic Range), einen hohen Farbraum (bis zu 12 Bit Farbtiefe) und Transparenz.
Bedeutung
AVIF bietet die derzeit höchste Kompressionseffizienz unter den webfähigen Bildformaten. Bei vergleichbarer Qualität sind AVIF-Dateien 20 % kleiner als WebP und bis zu 50 % kleiner als JPEG. Die Browser-Unterstützung hat seit 2023 eine breite Basis erreicht (Chrome, Firefox, Safari ab 16.4). Für Websites mit vielen Bildern — E-Commerce, Portfolios, Medien — ist AVIF ein signifikanter Performance-Hebel.
Funktionsweise
AVIF nutzt die Kompressionsalgorithmen des AV1-Codecs, der ursprünglich für Videostreaming entwickelt wurde. Die Codierung ist rechenintensiver als bei WebP oder JPEG, liefert aber bei gleichem Qualitätsniveau deutlich kleinere Dateien. AVIF unterstützt Farbprofile wie BT.2020 und HDR-Metadaten, die für professionelle Bildwiedergabe relevant sind. Die Decodierung ist in allen modernen Browsern hardwarebeschleunigt. Websites können AVIF über das
Praxisbeispiel
Ein Online-Magazin konvertiert seine Hero-Bilder von JPEG (durchschnittlich 450 KB) zu AVIF (durchschnittlich 180 KB). Die initiale Ladezeit der Startseite verbessert sich um 0,8 Sekunden. Für Browser ohne AVIF-Unterstützung wird WebP als Fallback über das
Verwandte Begriffe
- WebP: Googles Bildformat, das AVIF in der Browserkompatibilität voraus ist, aber eine geringere Kompressionseffizienz bietet.
- AV1: Der offene Videocodec, dessen Kompressionsalgorithmen die Grundlage für AVIF bilden.
-Element: Ein HTML-Element, das mehrere Bildquellen in verschiedenen Formaten definiert und dem Browser die optimale Variante auswählen lässt.