AVIF Vergleich
AVIF im Vergleich mit WebP, JPEG, PNG, HEIC und JPEG XL
Entdecken Sie interaktive Beispiele und technische Vergleiche von AVIF, WebP, JPEG, PNG, HEIC und JPEG XL.
Zuletzt geprüft: 20. September 2026
Den Leistungsunterschied sehen
Dieselbe Seite, derselbe Inhalt, nur das Bildformat ändert sich.
In unserem mobilen Test (langsames 4G) erreichte AVIF 88/100 gegenüber 80/100 bei JPG. Speed Index: 2,3 s gegenüber 4,6 s. PageSpeed wies außerdem darauf hin, dass die JPG-Bilder 4.586 KB Optimierungspotenzial haben. Führen Sie den Test selbst durch — die Werte können je nach Serverlast variieren.
.avif
| Leistung | 88 / 100 |
| LCP ← wichtigste Kennzahl | 3,6 s |
| FCP | 2,3 s |
| Speed Index | 2,3 s |
| TBT | 0 ms |
| CLS | 0 |
| Mögliche Bildeinsparung | 1.267 KB |
Getestet: 20. Sept. 2026, 12:33 Uhr (MESZ) · Mobil (langsames 4G) · Lighthouse 13.4.1
Core Web Vitals: bestanden Desktop: 99/100 · LCP 0,8 s
Test mit PageSpeed Insights starten AVIF-Seite ansehen.jpg
| Leistung | 80 / 100 |
| LCP ← wichtigste Kennzahl | 3,7 s |
| FCP | 3,3 s |
| Speed Index | 4,6 s |
| TBT | 0 ms |
| CLS | 0 |
| Netzwerkübertragung | 5.059 KB ⚠️ |
| Mögliche Bildeinsparung | 4.586 KB PageSpeed empfiehlt eine Optimierung |
Getestet: 20. Sept. 2026, 12:33 Uhr (MESZ) · Mobil (langsames 4G) · Lighthouse 13.4.1
Core Web Vitals: bestanden Desktop: 99/100 · LCP 0,8 s
Test mit PageSpeed Insights starten JPG-Seite ansehenAVIF vs. WebP
Zwei moderne Webbildformate mit unterschiedlichen Stärken
Visueller Vergleich Schieberegler ziehen, um zu vergleichen • Weitere AVIF-Beispiele ansehen
Beispielergebnis für ein Landschaftsfoto bei vergleichbaren Qualitätseinstellungen. Die Ergebnisse variieren je nach Bild und Encoder.
| Merkmal | AVIF | WebP | Hinweise |
|---|---|---|---|
| Komprimierungseffizienz | Sehr gut | Sehr gut | Ergebnisse variieren je nach Bild und Einstellungen |
| Kodiergeschwindigkeit | Langsamer | Schneller | WebP ist bei hoher Qualität schneller |
| Browser-Unterstützung | Alle großen modernen Browser | Alle großen modernen Browser | Siehe Can I Use |
| HDR / großer Farbraum | Ja | Eingeschränkt | AVIF hat eine standardisierte HDR-Unterstützung |
| 10/12 Bit Farbtiefe | Ja | Nein | |
| Transparenz | Ja | Ja | Beide unterstützen Alpha |
| Animation | Ja | Ja | Beide unterstützen Animation |
- Komprimierungseffizienz die Priorität ist
- Sie HDR oder einen großen Farbraum brauchen
- Sie für einen statischen Auslieferungs-Cache kodieren
- 10/12 Bit Farbtiefe wichtig sind
- die Kodiergeschwindigkeit wichtig ist
- Sie Bilder bei Bedarf erzeugen
- Ihr Arbeitsablauf bereits WebP nutzt
- die Kompatibilität bei animierten Bildern ein Thema ist
AVIF ist oft attraktiv, wenn Komprimierungseffizienz und erweiterte Bildfunktionen Priorität haben. WebP kann die bessere Wahl sein, wenn Kodiergeschwindigkeit, Kompatibilität mit vorhandenen Werkzeugen oder ein einfacher Arbeitsablauf wichtiger sind.
Mit dem <picture>-Element können Sie beide ausliefern, Sie müssen sich also nicht für eines entscheiden:
<picture>
<source srcset="image.avif" type="image/avif">
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Description" loading="lazy">
</picture>
AVIF vs. JPEG
Ein Format der nächsten Generation im Vergleich mit dem etablierten Webstandard
Visueller Vergleich Schieberegler ziehen, um zu vergleichen • Diese Dateien verwenden unterschiedliche Kodierungseinstellungen.
| Merkmal | AVIF | JPEG | Hinweise |
|---|---|---|---|
| Komprimierung | Bei vielen Bildern effizienter | Breit kompatibel | Ergebnisse hängen von Bild und Einstellungen ab |
| Transparenz | Ja | Nein | JPEG kann Alpha nicht darstellen |
| HDR | Ja | Nein | AVIF hat eine standardisierte HDR-Unterstützung |
| Browser-Unterstützung | Alle großen modernen Browser | Praktisch universell | JPEG funktioniert in praktisch jeder Software |
| Kodiergeschwindigkeit | Langsamer | Sehr schnell | |
| Verlustfrei | Ja | In der Regel nicht | AVIF unterstützt verlustfreie Kodierung |
- Sie moderne Browser ansprechen
- Sie Transparenz oder HDR brauchen
- Dateigrößeneffizienz die Priorität ist
- Sie einen JPEG-Fallback bereitstellen können
- maximale Kompatibilität nötig ist (ältere Browser, E-Mail-Programme, Software)
- schnelles Kodieren gefragt ist
- es als Fallback für Browser ohne AVIF dient
- Sie mit Systemen arbeiten, die AVIF nicht unterstützen
AVIF kann bei vielen fotografischen Bildern bei vergleichbarer visueller Qualität kleinere Dateien liefern als JPEG und bietet Fähigkeiten, die JPEG gar nicht hat (Transparenz, HDR). JPEG behält seinen Vorteil bei der universellen Kompatibilität und der Kodiergeschwindigkeit. Für Websites, die moderne Browser ansprechen, ist AVIF mit JPEG-Fallback ein praktikabler Ansatz.
AVIF vs. PNG
AVIF mit verlustbehafteter Option gegenüber dem verlustfreien PNG-Standard
Visueller Vergleich Schieberegler ziehen, um zu vergleichen • PNG ist verlustfrei; das AVIF in diesem Beispiel nutzt verlustbehaftete Kodierung.
| Merkmal | AVIF | PNG | Hinweise |
|---|---|---|---|
| Verlustbehaftete Komprimierung | Ja | Nein | PNG ist immer verlustfrei |
| Verlustfreie Komprimierung | Ja | Ja | Beide unterstützen verlustfreie Kodierung |
| Transparenz | Ja | Ja | Beide unterstützen Alpha |
| Dateigröße (Web-Auslieferung) | Oft kleiner | Größer (verlustfrei) | Hängt vom Kodierungsmodus ab |
| Kompatibilität mit Bildbearbeitung | Breiter | PNG wird in Bildbearbeitungen breit unterstützt | |
| HDR | Ja | Eingeschränkt |
AVIF mit verlustbehafteter Komprimierung kann bei vielen Webbildern deutlich kleiner sein als PNG. PNG ist nützlich, wenn ein verlustfreier Arbeitsablauf nötig ist, wenn Sie das Bild weiter bearbeiten oder wenn maximale Werkzeugkompatibilität zählt. Mit der Umwandlung von PNG in AVIF erstellen Sie AVIF-Versionen für die Web-Auslieferung und behalten das PNG als Quelle.
AVIF vs. HEIC
Zwei Formate mit demselben HEIF-Container, aber unterschiedlichen Hauptzwecken
| Merkmal | HEIC | AVIF |
|---|---|---|
| Container | HEIF | HEIF |
| Codec | HEVC (H.265) | AV1 |
| Hauptumfeld | Fotospeicherung auf Geräten (iPhone, Apple-Ökosystem) | Web-Bildauslieferung |
| Unterstützung in Webbrowsern | Eingeschränkt und plattformabhängig (aktuelle Daten ansehen) | Alle großen modernen Browser (aktuelle Daten ansehen) |
| Lizenzierung | Der HEVC-Codec ist patentiert | Lizenzkostenfrei (AV1) |
| Komprimierungseffizienz | Sehr effizient | Sehr effizient |
| EXIF-Metadaten | Ja | Ja |
- die Speicherung von Fotos auf iPhone, iPad oder anderen Apple-Geräten
- gerätenative Kamera-Arbeitsabläufe
- die Verwaltung der Fotomediathek im Apple-Ökosystem
- den Austausch zwischen Apple-Geräten
- die Veröffentlichung von Bildern auf Websites
- Webanwendungen und APIs
- plattformübergreifende Bildauslieferung
- offene Arbeitsabläufe ohne Sorgen um Codec-Lizenzen
HEIC und AVIF konkurrieren nicht direkt im selben Einsatzfall. HEIC wird häufig für Fotos von Apple-Geräten verwendet; AVIF ist für die Web-Bildauslieferung konzipiert. Wenn Sie HEIC-Fotos auf einer Website veröffentlichen möchten, ist die Umwandlung in AVIF ein praktischer Arbeitsschritt. Siehe unseren HEIC-in-AVIF-Konverter.
HEIC lässt sich auch in JPG umwandeln, wenn eine breitere Kompatibilität nötig ist. Unsere Schwesterseite heic.digital ist auf die Umwandlung von HEIC in JPG spezialisiert.
AVIF vs. JPEG XL
Zwei Formate der nächsten Generation mit unterschiedlichem aktuellem Verbreitungsgrad
| Merkmal | AVIF | JPEG XL |
|---|---|---|
| Komprimierung | Sehr gut | Sehr gut, mit einigen technischen Vorteilen (z. B. verlustfreie JPEG-Neukomprimierung) |
| Kodiergeschwindigkeit | Langsamer | Schneller |
| Unterstützung in Webbrowsern (2026) | Alle großen Browser (Can I Use) | Eingeschränkt (Can I Use - abhängig von der Browserversion) |
| Verlustfreie JPEG-Neukomprimierung | Nein | Ja (einzigartige Funktion) |
| Progressives Dekodieren | Nein | Ja |
| HDR-Unterstützung | Ja | Ja |
| Transparenz | Ja | Ja |
| Lizenzierung | Lizenzkostenfrei | Lizenzkostenfrei |
Für den breiten Einsatz in aktuellen Browsern ist AVIF in der Regel die praktischere Wahl für die Web-Bildauslieferung. JPEG XL bietet technische Funktionen, die in anderen Arbeitsabläufen wertvoll sein können, besonders die verlustfreie JPEG-Neukomprimierung. Die Browser-Unterstützung für JPEG XL kann sich mit der Zeit verbessern; aktuelle Daten finden Sie bei Can I Use - JPEG XL.
AVIF im Vergleich mit anderen Bildformaten: Gesamtübersicht
Alle Formate auf einen Blick
Dateiendungen: AVIF nutzt .avif, WebP nutzt .webp, JPEG nutzt .jpg oder .jpeg, PNG nutzt .png, HEIC nutzt .heic und JPEG XL nutzt .jxl.
| Merkmal | AVIF .avif |
WebP .webp |
JPEG .jpg |
PNG .png |
HEIC .heic |
JPEG XL .jxl |
|---|---|---|---|---|---|---|
| Komprimierungseffizienz | Oft sehr effizient | Effizient | Gut | Nur verlustfrei | Sehr effizient | Sehr gut |
| Verlustbehaftete Kodierung | Ja | Ja | Ja | Nein | Ja | Ja |
| Verlustfreie Kodierung | Ja | Ja | In der Regel nicht | Ja | Ja | Ja |
| Alpha-Transparenz | Ja | Ja | Nein | Ja | Ja | Ja |
| HDR / großer Farbraum | Ja | Eingeschränkt | Nein | Eingeschränkt | Ja | Ja |
| Animation | Ja | Ja | Nein | Nein (APNG separat) | Ja (HEIF-Sequenzen) | Ja |
| Unterstützung in Webbrowsern | Alle großen modernen Browser | Alle großen modernen Browser | Universell | Universell | Eingeschränkt und plattformabhängig | Eingeschränkt - Daten ansehen |
| Kodiergeschwindigkeit | Langsamer | Schnell | Sehr schnell | Schnell | Schnell (auf dem Gerät) | Schnell |
| Lizenzierung | Lizenzkostenfrei | Lizenzkostenfrei | Lizenzkostenfrei | Lizenzkostenfrei | HEVC ist patentiert | Lizenzkostenfrei |
| Hauptverwendung | Moderne Web-Auslieferung | Moderne Web-Auslieferung | Universelle Kompatibilität | Verlustfrei, Bearbeitung, Grafiken | Fotospeicherung auf Geräten | Fortgeschrittene Bild-Workflows |
Aktuelle Daten zur Browser-Kompatibilität finden Sie bei Can I Use - AVIF und Can I Use - WebP.
Welches Bildformat sollten Sie verwenden?
Das richtige Format hängt von Einsatzzweck, Inhalt und Kompatibilitätsanforderungen ab
AVIF mit <picture>-Fallback auf WebP oder JPEG deckt alle großen Browser effizient ab.
<picture>
<source srcset="img.avif" type="image/avif">
<source srcset="img.webp" type="image/webp">
<img src="img.jpg" alt="..." loading="lazy"
width="800" height="600">
</picture>
Nutzen Sie PNG oder verlustfreies AVIF, wenn Sie eine pixelgenaue Ausgabe brauchen oder die Datei erneut bearbeiten werden.
PNG bleibt das am breitesten unterstützte verlustfreie Format in Designwerkzeugen. Verlustfreies AVIF kann die Dateigröße verringern, erfordert aber Werkzeuge mit AVIF-Unterstützung.
Wandeln Sie HEIC für die Web-Auslieferung in AVIF um und behalten Sie das HEIC-Original auf dem Gerät. Nutzen Sie unseren HEIC-in-AVIF-Konverter.
Nutzen Sie JPEG, wenn die Kompatibilität mit möglichst vielen Programmen, E-Mail-Clients und älteren Geräten Priorität hat. JPEG funktioniert überall.
Praktische Empfehlung
Für Websites, die moderne Browser ansprechen, kann AVIF als primäres Bildformat verwendet werden, mit WebP- oder JPEG-Fallbacks, wenn eine breitere Kompatibilität nötig ist.
Kleinere Bilddaten können bei richtiger Umsetzung zu schnelleren Seitenladezeiten und einer besseren Nutzererfahrung beitragen. Die tatsächliche Wirkung hängt von Ihren konkreten Bildern, den Kodierungseinstellungen und den Netzwerkbedingungen Ihrer Besucher ab.
Bereit zur Umwandlung?
Wandeln Sie Ihre Bilder mit unseren kostenlosen Online-Tools in AVIF und aus AVIF um