Was ist AVIF? Das Bildformat der nächsten Generation
AVIF-Funktionen, variable Kompression und Kompatibilitätsprüfung vor dem Teilen oder Veröffentlichen.
AVIF ist ein Bildformat auf Basis von AV1. Hier erfährst du, welche Funktionen .avif-Dateien bieten und was du vor der Nutzung prüfen solltest.
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.
Die AOM-Spezifikation definiert das Format; Encoder und Betrachter setzen nicht zwingend alle Funktionen um.
AVIF im Vergleich zu JPG und WebP
AVIF kann die Dateigröße senken; Inhalt, Encoder und Einstellungen bestimmen das Ergebnis. Vergleiche Downloads bei gleichen Abmessungen und prüfe Details. Eine feste Ersparnis oder unsichtbarer Qualitätsverlust ist nicht garantiert.
| JPEG | WebP | AVIF | |
|---|---|---|---|
| Kompression | verlustbehaftet | verlustbehaftet/-frei | verlustbehaftet/-frei |
| Transparenz | nein | ja | ja |
| HDR-Unterstützung | nein | nein | ja |
| Dateigröße | Bild- und einstellungsabhängig | Bild- und einstellungsabhängig | Bild- und einstellungsabhängig |
| Browser | Zielanwendung prüfen | Zielanwendung prüfen | Zielanwendung prüfen |
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
Prüfe AVIF im Zielbrowser, Betriebssystem und Programm. Unterstützung für Standbilder bedeutet keine Unterstützung aller HDR- oder Animationsvarianten. Teste eine passende Datei und biete ein Ersatzformat an.
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 – erzeugt ein verlustbehaftetes statisches AVIF; Pixel können sich ändern. PNG für pixelgenaue Inhalte behalten.
- AVIF zu JPG – zurück zum universell kompatiblen Format
- AVIF zu WebP – für Sites, die AVIF noch nicht direkt ausliefern
Quellen und Pflege
Quellen geprüft am 2026-10-30. Formatfunktionen und Programmunterstützung sind von unserer Ausgabe zu unterscheiden; prüfe aktuelle Tooloptionen und Grenzen.