AVIF erschien 2019 still und leise und verbrachte Jahre als das Format, das niemand nutzte. Dann lieferte Chrome native Unterstützung. Dann Firefox. Dann Safari 16. Bis 2024 meldete Can I Use eine weltweite Browser-Abdeckung von 93 %. Und plötzlich drehte sich die Frage von „Kann ich AVIF verwenden?" zu „Warum verwende ich AVIF noch nicht?"
Wenn Sie 2026 immer noch JPEG und PNG im Web ausliefern, verschenken Sie Performance. Hier ist, was Sie wissen müssen.
Was AVIF eigentlich ist
AVIF (AV1 Image File Format) ist ein Standbildformat, das vom AV1-Video-Codec abgeleitet ist und von der Alliance for Open Media entwickelt wurde; einem Konsortium, dem Google, Apple, Microsoft, Mozilla, Netflix und Amazon angehören. Es ist lizenzfrei, Open Source und darauf ausgelegt, JPEG, PNG und sogar WebP zu ersetzen.
Die wichtigsten technischen Fakten:
- Verlustbehaftete und verlustfreie Kompression in einem einzigen Format
- 10-Bit- und 12-Bit- Farbtiefe (im Vergleich zu JPEGs 8-Bit)
- HDR und erweiterter Farbraum (BT.2020, PQ, HLG)
- Alpha-Transparenz (wie PNG, anders als JPEG)
- Film-Grain-Synthese (speichert Grain-Parameter statt des tatsächlichen Rauschens)
- Basiert auf dem HEIF-Container (ISO/IEC 23008-12)
Die Kompression stammt von AV1s Intra-Frame-Coding-Tools: gerichtete Prädiktion, rekursive Partitionierung (bis zu 128x128 Superblöcken) und dem CDEF (Constrained Directional Enhancement Filter). Diese Werkzeuge wurden für Video entwickelt, funktionieren aber bemerkenswert gut für Standbilder.
Die Kompressionszahlen
Konkrete Zahlen: In unabhängigen Tests von Netflix, Cloudflare und Google übertrifft AVIF durchgängig:
| Vergleich | Dateigrößenreduktion |
|---|---|
| AVIF vs JPEG | 30–50 % kleiner bei gleicher Qualität |
| AVIF vs PNG | 50–70 % kleiner (verlustbehafteter Modus) |
| AVIF vs WebP | 15–25 % kleiner bei gleicher Qualität |
Ein konkretes Beispiel: Ein 500-KB-JPEG-Foto komprimiert sich typischerweise auf ~250 KB als AVIF, ohne sichtbaren Qualitätsunterschied. Ein 2-MB-PNG-Screenshot schrumpft auf ~400 KB. Das sind keine Einzelfälle; das sind typische Ergebnisse bei verschiedenen Bildtypen.
Warum AVIF für die Web-Performance wichtig ist
Bilder machen laut HTTP-Archive-Daten rund 50 % des Gesamtgewichts einer durchschnittlichen Webseite aus. Eine Reduktion um 30–50 % hat reale Auswirkungen:
Core Web Vitals: Kleinere Bilder verbessern direkt den LCP (Largest Contentful Paint). Google hat bestätigt, dass LCP ein Ranking-Signal ist.
Bandbreitenkosten: Eine Website mit 1 Million Seitenaufrufen pro Monat und 500 KB Bildern pro Seite überträgt ~500 GB. Der Wechsel zu AVIF reduziert das auf ~300 GB. Zu CDN-Tarifen ist das echtes Geld.
Mobiles Erlebnis: Auf 3G-Verbindungen (in Schwellenländern immer noch verbreitet) dauert das Laden eines 500-KB-Bildes ~4 Sekunden. Ein 250-KB-AVIF lädt in ~2 Sekunden. Das ist der Unterschied zwischen einem Absprung und einer Conversion.
CO2-Fußabdruck: Weniger übertragene Daten bedeuten weniger Energieverbrauch. Die Green Web Foundation schätzt, dass die Datenübertragung etwa 0,06 g CO2 pro MB verursacht.
AVIF vs WebP vs JPEG vs PNG: Wann welches Format verwenden
Die Formatlandschaft heißt nicht „AVIF für alles verwenden." Jedes Format hat noch seinen Platz:
| Anwendungsfall | Bestes Format | Warum |
|---|---|---|
| Fotos für das Web | AVIF | Beste Kompression, kein sichtbarer Qualitätsverlust |
| Transparente Grafiken | AVIF oder WebP | Beide unterstützen Alpha; AVIF ist kleiner |
| Pixelgenaue Screenshots | PNG | Verlustfrei, universelle Kompatibilität |
| E-Mail-Anhänge | JPEG | Universell; jeder Client unterstützt es |
| Legacy-System-Eingabe | BMP/JPEG | Manche Systeme können moderne Formate nicht dekodieren |
| Favicons | ICO | Von Browsern für Tab-Icons benötigt |
| Skalierbare Logos | SVG | Vektor; unendlich skalierbar |
| HDR-Fotografie | AVIF | Einziges modernes Format mit voller HDR-Unterstützung |
Der praktische Rat: Liefern Sie AVIF als Ihr primäres Web-Format mit JPEG/PNG-Fallbacks über das <picture>-Element oder CDN-basierte Content-Negotiation aus.
Bilder in und aus AVIF konvertieren
Sie müssen keine Kommandozeilen-Tools installieren oder für Cloud-Dienste bezahlen. Kitmul bietet kostenlose, browserbasierte AVIF-Konverter, die alles lokal verarbeiten; Ihre Bilder verlassen niemals Ihr Gerät.
Nach AVIF konvertieren (Dateigrößen reduzieren)
- JPEG zu AVIF Konverter: Die häufigste Konvertierung. Verkleinern Sie Ihre Fotobibliothek um 30–50 %.
- PNG zu AVIF Konverter: Perfekt für Screenshots und Grafiken mit Transparenz.
- WebP zu AVIF Konverter: Upgrade von WebP zur nächsten Generation; weitere 20 % Einsparung.
- SVG zu AVIF Konverter: Vektorgrafiken in kompakte AVIF-Dateien rastern.
- BMP zu AVIF Konverter: Rohe Bitmaps aus Legacy-Systemen komprimieren; über 95 % Reduktion.
- PDF zu AVIF Konverter: PDF-Seiten als leichtgewichtige AVIF-Bilder extrahieren.
- ICO zu AVIF Konverter: Icon-Dateien für Web-Galerien konvertieren.
Von AVIF konvertieren (für Kompatibilität)
- AVIF zu JPEG Konverter: Wenn Sie universelle Kompatibilität für E-Mail oder Druck benötigen.
- AVIF zu PNG Konverter: Verlustfreie Ausgabe mit Transparenz für Bearbeitungs-Workflows.
- AVIF zu WebP Konverter: WebP-Fallback für CDN-Pipelines.
- AVIF zu PDF Konverter: Bilder in professionelle Dokumente einbetten.
- AVIF zu GIF Konverter: Für E-Mail-Signaturen und Legacy-Plattformen.
- AVIF zu BMP Konverter: Rohe Pixeldaten für industrielle Systeme.
- AVIF zu ICO Konverter: Favicons aus AVIF-Quellbildern erstellen.
Das <picture>-Element: AVIF mit Fallbacks ausliefern
Das Standardmuster für progressive Formatauslieferung im Web:
<picture>
<source srcset="photo.avif" type="image/avif">
<source srcset="photo.webp" type="image/webp">
<img src="photo.jpg" alt="Description" loading="lazy">
</picture>
Der Browser wählt das erste Format, das er unterstützt. AVIF-fähige Browser (93 %+) erhalten die kleinste Datei. WebP dient als Fallback für die verbleibenden ~7 %. JPEG ist das universelle Sicherheitsnetz.
Für responsive Bilder kombinieren Sie es mit srcset:
<picture>
<source
srcset="photo-400.avif 400w, photo-800.avif 800w, photo-1200.avif 1200w"
type="image/avif"
sizes="(max-width: 800px) 100vw, 800px">
<source
srcset="photo-400.webp 400w, photo-800.webp 800w, photo-1200.webp 1200w"
type="image/webp"
sizes="(max-width: 800px) 100vw, 800px">
<img
src="photo-800.jpg"
alt="Description"
loading="lazy"
width="800"
height="600">
</picture>
CDN- und Build-Tool-Unterstützung
Die meisten modernen Infrastrukturen unterstützen AVIF nativ:
- Cloudflare Image Resizing: Automatische Konvertierung zu AVIF über Polish oder Image Resizing
- Vercel/Next.js:
next/imageunterstützt AVIF überformats: ['image/avif', 'image/webp']innext.config.js - Netlify: Automatisches AVIF über Image CDN
- Sharp (Node.js): Volle AVIF-Kodierung/-Dekodierung seit v0.29
- Squoosh: Googles browserbasierter Encoder unterstützt AVIF
- libavif: Die Referenzimplementierung der AOM
Bekannte Einschränkungen
AVIF ist nicht perfekt. Beachten Sie diese Kompromisse:
Kodierungsgeschwindigkeit: AVIF kodiert 5–10x langsamer als JPEG. Das ist relevant für Echtzeitverarbeitung, aber nicht für Batch- oder Build-Time-Konvertierung.
Maximale Abmessungen: Die AV1-Spezifikation begrenzt einzelne Tiles auf 8192x4320 Pixel. Größere Bilder erfordern Tiling, das einige Tools nicht unterstützen.
Animationsunterstützung: AVIF unterstützt animierte Sequenzen (AVIS), aber die Tool-Landschaft ist im Vergleich zu GIF/WebP-Animation noch unreif.
Ältere Browser: IE11 und Browser vor 2020 unterstützen AVIF nicht. Fügen Sie immer Fallbacks hinzu.
E-Mail-Clients: Die meisten E-Mail-Clients rendern kein AVIF. Verwenden Sie AVIF zu JPEG für E-Mail-Inhalte.
Druck-Workflows: Druckereien erwarten typischerweise TIFF, PDF oder hochqualitatives JPEG. Konvertieren Sie mit AVIF zu PDF, bevor Sie an die Druckerei senden.
Das Fazit
AVIF ist das beste Allzweck-Bildformat, das 2026 verfügbar ist. Es liefert kleinere Dateien als jede Alternative bei vergleichbarer Qualität, unterstützt Funktionen, die kein anderes Format bietet (HDR, erweiterter Farbraum, Film-Grain-Synthese), und hat nahezu universelle Browser-Unterstützung.
Der Migrationspfad ist unkompliziert:
- Konvertieren Sie Ihre bestehenden Bilder zu AVIF (nutzen Sie unsere kostenlosen Konverter)
- Liefern Sie AVIF mit
<picture>-Fallbacks aus - Behalten Sie JPEG/PNG-Originale für Kompatibilitäts-Workflows
Jedes Kilobyte, das Sie einsparen, lädt schneller, rankt besser und kostet weniger. Der Formatkrieg ist vorbei. AVIF hat gewonnen.