AVIF

Was ist AVIF?

AVIF (AV1 Image File Format) ist ein modernes Bildformat, das auf dem AV1-Video-Codec basiert und vom Alliance for Open Media Konsortium entwickelt wurde. AVIF bietet bei gleicher visueller Qualität typischerweise 30–50 % kleinere Dateien als JPEG und 20–30 % kleinere als WebP. Es unterstützt Transparenz, verlustfreie Komprimierung, HDR (High Dynamic Range) und Wide Color Gamut — Fähigkeiten, die JPEG grundsätzlich fehlen.

Für Webseitenbetreiber ist AVIF die zukunftssichere Wahl: Wo WebP als sicherer Standard gilt, ist AVIF das Optimum — sofern die Browser-Unterstützung akzeptabel ist und die Enkodierzeit keine Rolle spielt. Die Strategie der meisten modernen Setups: AVIF für unterstützende Browser ausliefern, WebP als Fallback.

Wie funktioniert AVIF?

AVIF nutzt den AV1-Video-Codec, um einzelne Bilder als Video-Keyframe zu komprimieren. AV1 wurde primär für Video-Streaming entwickelt und ist entsprechend hochoptimiert für Kompressionseffizienz. Die Kernmechanismen:

Größere Transform-Blöcke: Während JPEG mit 8×8-Pixel-Blöcken arbeitet und WebP mit 4×4-Blöcken, kann AV1/AVIF Blöcke bis 128×128 Pixel verwenden. Bei großflächigen, wenig detailreichen Bildbereichen (Himmel, glatte Flächen) führt das zu erheblich besserer Kompression.

Intra-Prediction: AVIF nutzt ein breites Set an Vorhersagemodellen für Pixelwerte, was Redundanzen besser ausnutzt als ältere Formate.

Chroma-Subsampling: AVIF unterstützt 4:2:0, 4:2:2 und 4:4:4 Chroma-Subsampling sowie 8, 10 und 12 Bit Farbtiefe.

Der Nachteil: AV1-Enkodierung ist rechenintensiv. Eine JPEG-Konvertierung braucht Millisekunden, eine AVIF-Konvertierung für dasselbe Bild kann Sekunden dauern. Für statische Websites ist das kein Problem (Bilder werden einmal konvertiert). Für dynamische Bildgenerierung on-the-fly ist der Overhead relevant.

AVIF für WordPress-Betreiber

WordPress unterstützt AVIF seit Version 6.5 (April 2024) beim Upload — wenn GD 2.3.0+ oder Imagick 7.0.10+ mit AVIF-Support verfügbar ist. Das ist nicht auf jedem Hoster der Fall.

Browser-Support-Matrix für Auslieferungsstrategie:

<!-- Optimale Strategie: AVIF → WebP → JPEG -->
<picture>
  <source srcset="/bild.avif" type="image/avif">
  <source srcset="/bild.webp" type="image/webp">
  <img src="/bild.jpg" alt="Beschreibung" width="800" height="600">
</picture>

Browser wählen automatisch das erste unterstützte Format. Chrome und Firefox bekommen AVIF, ältere Safari-Versionen bekommen WebP, Internet Explorer bekommt JPEG.

PHP-Enkodierung mit Imagick:

$image = new Imagick('input.jpg');
$image->setFormat('AVIF');
$image->setImageCompressionQuality(70); // AVIF 70 ≈ JPEG 85 visuell
$image->writeImage('output.avif');

Was passiert ohne AVIF?

Ohne AVIF verschenkt man 20–30 % Bandbreite gegenüber WebP. Für gut besuchte Seiten mit vielen Bildern ist das messbar in Hosting-Kosten und LCP-Zeiten. Da Browser AVIF automatisch über <picture> wählen, wenn verfügbar, ist die Implementierung mit Fallback risikolos.

Häufige Fragen

AVIF oder WebP — was soll ich nehmen? Beide anbieten, WebP als Fallback. AVIF ist 20–30 % effizienter, WebP hat breiten Support. Die Kombination per <picture>-Element ist heute Best Practice.

Kann mein Server AVIF erzeugen? Prüfen mit: php -r "$im = new Imagick(); print_r($im->queryFormats('AVIF'));" — gibt AVIF zurück wenn Support vorhanden. Alternativ: convert -list format | grep AVIF auf dem Server.

Verwandte Begriffe

LCP