Alle Beiträge
Erklärung2026/04/24

Was ist AVIF? Das Bildformat der nächsten Generation

AVIF ist das neueste Bildformat mit breiter Browser-Unterstützung – kleiner als WebP und JPEG bei gleicher Qualität. Wann es sich lohnt.

AVIF ist das jüngste Bildformat, das eine breite Browser-Unterstützung erreicht hat – und es liefert wirklich beeindruckende Kompressionsgewinne gegenüber älteren Formaten. Falls dir auf Webseiten zuletzt .avif-Dateien begegnet sind und du dich gefragt hast, was es damit auf sich hat: Hier kommt der Überblick.

Was ist AVIF?

AVIF steht für AV1 Image File Format. Es basiert auf dem AV1-Video-Codec, entwickelt von der Alliance for Open Media – einem Bündnis, zu dem unter anderem Google, Apple, Mozilla, Netflix und Amazon gehören.

AVIF wurde 2019 zum offiziellen Standard und erreichte 2022–2023 breite Browser-Unterstützung.

AVIF im Vergleich zu JPG und WebP

Die zentrale Stärke von AVIF ist die Kompressionseffizienz. Bei gleicher Bildqualität sind AVIF-Dateien typischerweise:

  • rund 50 % kleiner als JPEG
  • rund 20 % kleiner als WebP

Das bedeutet schnellere Seiten und weniger Bandbreitenkosten – ohne sichtbare Qualitätseinbußen.

JPEGWebPAVIF
Kompressionverlustbehaftetverlustbehaftet/-freiverlustbehaftet/-frei
Transparenzneinjaja
HDR-Unterstützungneinneinja
Dateigröße (gleiche Qualität)am größtenmittelam kleinsten
Browser-Unterstützunguniversell~97 %~95 %

AVIF unterstützt zudem vollständige Alpha-Transparenz (wie PNG und WebP) sowie HDR- und Wide-Color-Bilder – Disziplinen, in denen JPEG nicht mithalten kann.

Browser-Unterstützung

Stand 2024 unterstützt AVIF folgende Browser:

  • Chrome 85+
  • Firefox 93+
  • Safari 16+
  • Edge 121+

Für ältere Browser ist es üblich, AVIF mit JPEG- oder WebP-Fallback per HTML-<picture>-Element auszuliefern:

<picture>
  <source srcset="image.avif" type="image/avif">
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="...">
</picture>

Wann lohnt sich AVIF?

Setze AVIF ein, wenn:

  • du eine Website neu baust oder optimierst und möglichst kleine Bilder willst,
  • dein Build-Prozess AVIF automatisch erzeugen kann (Next.js, Astro, Cloudflare Images, viele CDNs),
  • du Produktbilder, Hero-Bilder oder andere Assets ausspielst, die deutlich auf die Ladezeit drücken.

Bleib bei JPG oder WebP, wenn:

  • du breite Kompatibilität ohne Fallback-Code willst,
  • du Bilder per E-Mail, Messenger oder Software teilst, die AVIF nicht unterstützt,
  • die Encoding-Zeit eine Rolle spielt – AVIF codiert deutlich langsamer als JPEG.

Konverter rund um AVIF

Alle Umwandlungen laufen im Browser – ohne Datei-Upload:

  • JPG zu AVIF – bestehende Fotos ins moderne Format überführen
  • PNG zu AVIF – Grafiken mit verlustfreier AVIF-Kompression
  • AVIF zu JPG – zurück zum universell kompatiblen Format
  • AVIF zu WebP – für Sites, die AVIF noch nicht direkt ausliefern
Alle Beiträge