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-Version — .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-Version — .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 ansehen
Zu diesen Ergebnissen: Beide Seiten sind strukturell identisch: gleiches HTML, gleiches CSS, gleicher Inhalt. Nur das Bildformat unterscheidet sich. PageSpeed Insights läuft auf der Infrastruktur von Google, und die Ergebnisse können je nach Serverlast und Netzwerkbedingungen zwischen den Durchläufen variieren. Die LCP-Kennzahl misst, wann das größte Bild für den Nutzer sichtbar wird, und ist damit für den Formatvergleich bei Bildern die aussagekräftigste.

AVIF vs. WebP

Zwei moderne Webbildformate mit unterschiedlichen Stärken

Visueller Vergleich Schieberegler ziehen, um zu vergleichen • Weitere AVIF-Beispiele ansehen

WebP-Beispielbild AVIF-Beispielbild
AVIF WebP
WebP
348 KB
Hohe Qualität
Google 2010
17 %
Kleiner in diesem Beispiel
60 KB Unterschied
AVIF
288 KB
Hohe Qualität
AOMedia 2019

Beispielergebnis für ein Landschaftsfoto bei vergleichbaren Qualitätseinstellungen. Die Ergebnisse variieren je nach Bild und Encoder.

MerkmalAVIFWebPHinweise
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
AVIF ist eine Überlegung wert, wenn
  • 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
WebP ist eine Überlegung wert, wenn
  • 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.

JPEG-Beispiel AVIF-Beispiel
AVIF JPEG
JPEG
1,25 MB
Hohe Qualität
JPEG Group 1992
95 %
Kleiner in diesem Beispiel
Siehe Hinweis unten
AVIF
64 KB
Gute visuelle Qualität
AOMedia 2019
Zu diesem Beispiel: Das JPEG in diesem Beispiel wurde mit hoher Qualitätseinstellung gespeichert; das AVIF wurde mit einer niedrigeren Qualitätseinstellung kodiert, die für dieses Bild dennoch gute visuelle Ergebnisse liefert. Der Unterschied von 95 % gilt für genau diese Kodierungskombination. AVIF kann bei vielen fotografischen Bildern bei vergleichbarer visueller Qualität deutlich kleinere Dateien liefern als JPEG, die genaue Ersparnis hängt jedoch von Bild und Kodierungseinstellungen ab.
MerkmalAVIFJPEGHinweise
KomprimierungBei vielen Bildern effizienterBreit kompatibelErgebnisse hängen von Bild und Einstellungen ab
TransparenzJaNeinJPEG kann Alpha nicht darstellen
HDRJaNeinAVIF hat eine standardisierte HDR-Unterstützung
Browser-UnterstützungAlle großen modernen BrowserPraktisch universellJPEG funktioniert in praktisch jeder Software
KodiergeschwindigkeitLangsamerSehr schnell
VerlustfreiJaIn der Regel nichtAVIF unterstützt verlustfreie Kodierung
AVIF ist eine Überlegung wert, wenn
  • Sie moderne Browser ansprechen
  • Sie Transparenz oder HDR brauchen
  • Dateigrößeneffizienz die Priorität ist
  • Sie einen JPEG-Fallback bereitstellen können
JPEG bleibt nützlich, wenn
  • 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.

PNG-Beispiel AVIF-Beispiel
AVIF PNG
PNG
1,21 MB
Verlustfrei
PNG Group 1996
96 %
Kleiner in diesem Beispiel
Siehe Hinweis unten
AVIF
43 KB
Verlustbehaftet - gute Qualität
AOMedia 2019
Hinweis zu diesem Vergleich: PNG nutzt verlustfreie Komprimierung; das AVIF wurde hier mit verlustbehafteter Komprimierung kodiert. Der Unterschied bei der Dateigröße spiegelt die verschiedenen Kodierungsmodi wider. AVIF kann bei vielen Webbildern deutlich kleiner sein als PNG, doch wenn Sie verlustfreie Kodierung brauchen, nutzen Sie verlustfreies AVIF oder PNG. In Bearbeitungs-Workflows vermeiden PNG oder verlustfreies AVIF den Qualitätsverlust durch wiederholtes verlustbehaftetes Neukodieren.
MerkmalAVIFPNGHinweise
Verlustbehaftete KomprimierungJaNeinPNG ist immer verlustfrei
Verlustfreie KomprimierungJaJaBeide unterstützen verlustfreie Kodierung
TransparenzJaJaBeide unterstützen Alpha
Dateigröße (Web-Auslieferung)Oft kleinerGrößer (verlustfrei)Hängt vom Kodierungsmodus ab
Kompatibilität mit BildbearbeitungBreiterPNG wird in Bildbearbeitungen breit unterstützt
HDRJaEingeschrä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

Technischer Hinweis: AVIF und HEIC nutzen beide das HEIF-Containerformat, aber unterschiedliche Komprimierungscodecs. AVIF verwendet AV1, HEIC verwendet HEVC (H.265). Sie sind in der Struktur verwandt, unterscheiden sich aber in Codec, Lizenzierung und Einsatzumfeld.
HEIC
~700 KB
Typisches iPhone-Foto
MPEG 2015
≈
Ähnliche Effizienz
Ergebnis variiert je nach Bild
AVIF
Variiert
Web-Auslieferung
AOMedia 2019
MerkmalHEICAVIF
ContainerHEIFHEIF
CodecHEVC (H.265)AV1
HauptumfeldFotospeicherung auf Geräten (iPhone, Apple-Ökosystem)Web-Bildauslieferung
Unterstützung in WebbrowsernEingeschränkt und plattformabhängig (aktuelle Daten ansehen)Alle großen modernen Browser (aktuelle Daten ansehen)
LizenzierungDer HEVC-Codec ist patentiertLizenzkostenfrei (AV1)
KomprimierungseffizienzSehr effizientSehr effizient
EXIF-MetadatenJaJa
HEIC eignet sich gut für
  • 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
AVIF eignet sich gut für
  • 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

MerkmalAVIFJPEG XL
KomprimierungSehr gutSehr gut, mit einigen technischen Vorteilen (z. B. verlustfreie JPEG-Neukomprimierung)
KodiergeschwindigkeitLangsamerSchneller
Unterstützung in Webbrowsern (2026)Alle großen Browser (Can I Use)Eingeschränkt (Can I Use - abhängig von der Browserversion)
Verlustfreie JPEG-NeukomprimierungNeinJa (einzigartige Funktion)
Progressives DekodierenNeinJa
HDR-UnterstützungJaJa
TransparenzJaJa
LizenzierungLizenzkostenfreiLizenzkostenfrei

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

Moderne Web-Auslieferung

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>
Verlustfreie Bearbeitung oder Designelemente

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.

iPhone-HEIC-Fotos für das Web umwandeln

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.

Maximale Kompatibilität

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