WebP vs. AVIF vs. JXL: Bildformat-Vergleich 2026
Direkter Vergleich von WebP, AVIF und JPEG XL in 2026. Dateigrößentests, Browser-Support, Encoding-Geschwindigkeit, Alphakanal, EXIF-Verhalten und wann welches Format zu wählen ist.
Kurze Antwort: Für die meisten Webseiten in 2026 ist AVIF zuerst mit WebP-Fallback die richtige Wahl (AVIF ist bei gleicher Bildqualität rund 50% kleiner als JPEG und wird 2026 von allen wichtigen Browsern unterstützt). In reinen Apple-Kontexten gewinnt JPEG XL bei Encoding-Geschwindigkeit und progressiver Dekodierung, hat aber außerhalb von Safari kaum Support. Für E-Mail, Social Media und universelles Teilen bleibt JPEG die sichere Wahl; moderne Formate gehören an Orte, die du selbst kontrollierst. Um Formate an deinem eigenen Bild zu vergleichen, lade es in unseren Image Converter oder Image Compressor und beobachte die Dateigröße live.
JPEG ist 33 Jahre alt. WebP ist 15. AVIF kam 2019. JPEG XL wurde 2022 finalisiert. 2026 sind alle drei modernen Formate ausgereift, und die Frage, welches verwendet werden soll, ist nicht mehr theoretisch: Sie wirkt sich direkt auf Core Web Vitals, Ladezeiten, mobilen Datenverbrauch und Speicherplatz aus. Diese Anleitung ist ein praktischer Vergleich 2026: Was jedes Format ist, echte Zahlen zur Dateigröße, wo es funktioniert und wie man wählt.
Die Kandidaten, in je einem Absatz
WebP (Google, 2010) ist die konservative moderne Wahl. Etwa 25 bis 35% kleiner als JPEG bei gleichwertiger Qualität, mit vollständigem verlustfreiem Modus, Transparenz (Alpha) und Animation. Browser-Support ist 2026 universell (jeder moderne Browser, Gmail, WhatsApp, jedes CMS). Der Nachteil: Die Encoding-Qualität ist solide, aber im Vergleich zu AVIF nicht überragend, und die Unterstützung von EXIF-Metadaten ist uneinheitlich.
AVIF (Alliance for Open Media, 2019) ist beim reinen Datenvolumen der moderne Gewinner. Basiert auf dem AV1-Videocodec. Rund 50% kleiner als JPEG und 25 bis 35% kleiner als WebP bei gleicher Bildqualität. Unterstützt Transparenz, HDR, breiten Farbraum und 12-Bit-Pixel. Browser-Support erreichte 2024 Parität; 2026 dekodiert jeder große Browser AVIF nativ. Der Nachteil: Encoding ist langsamer als bei WebP (ein echtes Problem für Batch-Jobs), und sehr alte E-Mail-Clients zeigen AVIF immer noch nicht inline an.
JPEG XL (.jxl, ISO/IEC 18181, 2022) ist der technische Favorit bei Fotografen und Entwicklern. Verlustfreie Transkodierung bestehender JPEGs (kodierst du ein JPEG als JXL um, sparst du ~20% ohne Qualitätsverlust), 1-Bit-Alpha-Unterstützung, echte progressive Dekodierung und hervorragende Encoding- und Dekodiergeschwindigkeit. Nativer Support in Safari 17+, in iOS 17+ und macOS Sonoma+. Der Nachteil: Chrome hat JXL 2022 entfernt und (Stand 2026) noch nicht wieder hinzugefügt; die browserübergreifende Web-Nutzung erfordert JS-Polyfills oder Fallbacks.
Dateigrößenvergleich: echte Zahlen
Dasselbe iPhone-Landschaftsfoto (4032 × 3024 Pixel), kodiert in verschiedenen Formaten bei "visuell identischer" Qualität:
| Format | Dateigröße | % vs. JPEG | Bildqualität |
|---|---|---|---|
| JPEG (Qualität 92) | 2.8 MB | Referenz | exzellent |
| JPEG (Qualität 85) | 1.6 MB | -43% | sehr gut |
| WebP (Qualität 80) | 1.1 MB | -61% | sehr gut |
| AVIF (Qualität 60) | 0.78 MB | -72% | sehr gut |
| JPEG XL (effort 7, distance 1.0) | 0.92 MB | -67% | sehr gut |
Für ein Produktfoto in 600 × 800 mit Transparenz:
| Format | Dateigröße | Transparenz? |
|---|---|---|
| PNG (verlustfrei) | 280 KB | ja |
| WebP (Qualität 90) | 88 KB | ja |
| AVIF (Qualität 70) | 52 KB | ja |
| JPEG XL (effort 7) | 65 KB | ja |
Das Muster bleibt über die meisten fotografischen Inhalte konstant: AVIF gewinnt bei der Größe, JXL liegt nah dran, WebP ist der universelle Mittelweg, JPEG ist am größten, aber am kompatibelsten. Die Zahlen schwanken je nach Bildinhalt (flache Flächen vs. detailreich, fotografisch vs. synthetisch) um 10 bis 20%.
Browser-Support in 2026
| Format | Chrome | Edge | Safari | Firefox | iOS | Android |
|---|---|---|---|---|---|---|
| WebP | ja | ja | ja (14+) | ja | ja | ja |
| AVIF | ja | ja | ja (16.4+) | ja (113+) | ja (16.4+) | ja (Chrome 85+) |
| JPEG XL | nein (2022 entfernt) | nein | ja (17+) | teilweise (hinter Flag) | ja (17+) | nein |
Praktisch gesehen in 2026:
- WebP funktioniert für 99% der Nutzer, ohne planungsrelevante Ausnahmen.
- AVIF funktioniert für 97% der Nutzer; mit JPEG-Fallback für den Long Tail.
- JPEG XL läuft nativ nur im Apple-Ökosystem; nützlich für iOS-Apps und reine Apple-Foto-Workflows, noch nicht für das allgemeine Web.
Vergleich der Encoding-Geschwindigkeit
Ein praktischer Faktor, der in Kompressionsbenchmarks oft übersehen wird: Wie lange dauert das Encoding der Datei tatsächlich?
| Format | Encoding-Zeit (ein Foto 4032×3024, ein Kern) |
|---|---|
| JPEG (Qualität 85) | 0.05 s |
| WebP (Qualität 80) | 0.18 s |
| JPEG XL (effort 7) | 0.32 s |
| AVIF (Qualität 60, speed 6) | 1.4 s |
| AVIF (Qualität 60, speed 9 / schnell) | 0.55 s |
AVIF ist mit Standard-Einstellungen etwa 7 bis 10-mal langsamer zu kodieren als JPEG. Bei einem Batch von 100 Fotos ist das eine spürbare Wartezeit. WebP und JXL bringen ein besseres Gleichgewicht. Browser-seitige Encoder (canvas.toBlob('image/avif')) sind noch langsamer als die nativen Bibliotheken.
Für interaktive Tools (wie unseren Image Compressor) ist das relevant: AVIF liefert die beste Dateigröße, aber die Verzögerung in der Live-Vorschau ist spürbar.
EXIF und Metadaten-Verhalten
| Format | EXIF | IPTC | XMP | C2PA Content Credentials |
|---|---|---|---|---|
| JPEG | vollständig | ja | ja | ja (weit verbreitet) |
| WebP | teilweise (decoderabhängig) | teilweise | ja | teilweise |
| AVIF | ja (neuere Decoder) | ja | ja | ja |
| JPEG XL | ja | ja | ja | ja |
Das EXIF-Verhalten bei WebP und AVIF variiert je nach Encoder und Decoder. Browser (insbesondere canvas.toBlob) entfernen EXIF beim Umkodieren in WebP oder AVIF; um EXIF zu erhalten, sind serverseitige Tools wie ImageMagick, libvips oder sharp nötig.
Mehr dazu, wie EXIF Verarbeitungspipelines übersteht, findest du in unserem Erklärartikel: Was sind EXIF-Daten? und im vollständigen Leitfaden zu iPhone-Foto-Metadaten.
Qualität bei niedrigen Bitraten
Das interessante Schlachtfeld ist nicht die visuell verlustfreie Qualität (dahin kommen alle drei modernen Formate), sondern die Qualität bei aggressiv kleinen Dateigrößen, wenn du ein 100-KB-Bild für eine langsame Mobilverbindung ausliefern willst.
Bei 100 KB für ein 1080×1080-Bild:
- JPEG: sichtbare Blockartefakte, Farbbänder, besonders in Verläufen (Himmel, Haut).
- WebP: glattere Verläufe als JPEG, aber bei dieser Bitrate ein leicht "weicher", verwaschener Look.
- AVIF: deutlich besser, erhält Details und vermeidet den "weichen" Look von WebP.
- JPEG XL: ähnlich wie AVIF, mit etwas besserer Detailerhaltung.
Für Core Web Vitals (LCP, CLS) auf Mobilgeräten zählt dieser Unterschied. AVIF bei 70% Qualität liefert oft 30% kleinere Dateien als WebP bei 80% ohne wahrnehmbaren Unterschied, und genau das hilft den Ladezeit-Benchmarks.
Wann welches Format (praktischer Entscheidungsbaum)
Web (du kontrollierst die Seite):
- Standard: AVIF mit WebP-Fallback und JPEG-Fallback. Nutze das
<picture>-Element. - Mobile-first oder Core Web Vitals priorisiert: AVIF ist die richtige Wahl.
- Einfacherer Stack (ohne Fallback-Kette): WebP. Kostet ~20% Dateigröße gegenüber AVIF, bringt universellen Support ohne
<picture>.
E-Mail-Anhang oder geteilte Datei:
- Immer JPEG. E-Mail-Clients sind bei WebP und AVIF inkonsistent.
Apple-Ökosystem (iOS-App, reiner Mac-Workflow):
- JPEG XL ist eine echte Option. Nativer Support in Safari, schnelles Encoding, verlustfreie JPEG-Transkodierung.
- Zum Teilen außerhalb von Apple zurück zu JPEG.
CMS oder Stockbild-Bibliothek:
- WebP. Universeller Support, kleiner als JPEG, keine Fallback-Komplexität, die meisten CMS liefern es zuverlässig aus.
- AVIF, wenn dein CMS es unterstützt und dein Publikum stark mobil ist.
Foto mit Transparenz (Logos, Produktbilder, UI):
- AVIF für die kleinste Datei mit Transparenz.
- WebP als universeller Mittelweg.
- PNG nur, wenn absolut verlustfreie Qualität gefordert ist.
Fotografischer Inhalt mit EXIF, der erhalten bleiben soll:
- JPEG (am zuverlässigsten in der gesamten Kette).
- JPEG XL für reine Apple-Kontexte.
So konvertierst und testest du
Unser Image Converter übernimmt die Konvertierung im Browser zwischen JPG, PNG, WebP, AVIF, HEIC, GIF, BMP und ICO. Datei reinziehen, Ausgabeformat wählen, als ZIP herunterladen. Nichts wird hochgeladen.
Für Live-Kompressionsvergleiche nebeneinander mit Qualitäts-Slider nutzt du unseren Image Compressor. Original und neu komprimierte Vorschau liegen direkt nebeneinander, mit den exakt eingesparten Bytes.
Für Formatvergleiche aus vielen Eingabeformaten gleichzeitig ziehst du einen Ordner in den Converter, exportierst nach JPEG, dann WebP, dann AVIF und vergleichst die resultierenden ZIPs.
Häufige Fragen
Warum hat Chrome JPEG XL entfernt? Google entfernte den JXL-Decoder 2022 aus Chrome und nannte "fehlendes Interesse aus dem breiteren Ökosystem" und Ressourcen-Kosten als Gründe. Die Entscheidung war umstritten (Entwicklerpetitionen, ein offenes Mozilla-Ticket, Widerstand von Fotografen). Stand 2026 ist kein Re-Adden angekündigt.
Ist WebP tot? Nein. WebP ist das sichere moderne Format mit universellem Support und ohne Fallback-Aufwand. AVIF gewinnt bei der Größe, bringt aber zusätzlichen Pflegeaufwand. WebP bleibt für die meisten nicht-extremen Anwendungsfälle die richtige Standardwahl.
Kann AVIF wirklich 50% kleiner sein als JPEG? Ja, bei fotografischem Inhalt und gleicher Bildqualität. Bei synthetischem Inhalt (Logos, Screenshots, Strichgrafiken), wo eher verlustfrei oder nahezu verlustfrei sinnvoll ist, schrumpft der Vorsprung auf 15 bis 25%.
Erhält WebP Transparenz? Ja. Sowohl verlustbehaftetes als auch verlustfreies WebP unterstützen 8-Bit-Alpha.
Wird AVIF JPEG ablösen? Vermutlich, irgendwann. JPEG ist zu fest verwurzelt für einen schnellen Wechsel, aber jeder Browser, der AVIF nativ dekodiert, und jedes CDN, das es ausliefert, macht den Übergang real. Bis 2030 wird AVIF wahrscheinlich der Standard für Web-Fotografie sein.
Was ist mit HEIC? HEIC und HEIF nutzen dieselbe Codec-Familie wie AVIF (alle stammen aus der HEVC/AV1-Ära). HEIC ist die Apple-Variante; AVIF ist der offene Standard-Cousin. Für Apple-zu-Apple-Workflows: HEIC. Für plattformübergreifendes Web: AVIF. Siehe HEIC vs. JPG für die HEIC-Perspektive.
Fazit
2026 hängt das richtige moderne Format vom Ziel ab:
- Web mit voller Kontrolle: AVIF, mit WebP- und JPEG-Fallbacks über
<picture>. - Web mit schlankem Stack: WebP. Das beste universelle moderne Format, ohne Fallback-Aufwand.
- E-Mail und Social Media: JPEG. Moderne Formate sind hier noch nicht sicher.
- Reines Apple-Ökosystem: JPEG XL. Schnell, klein und nativ unterstützt.
Für einzelne Konvertierungen ziehst du die Datei in unseren Image Converter. Für Batch- und Live-Vorschau-Kompressionstests nutzt du den Image Compressor. Beides läuft vollständig im Browser.
Die HEIC-vs.-JPG-Frage für iPhone-spezifische Kontexte hat ihren eigenen Leitfaden: HEIC vs. JPG: Welches Format solltest du 2026 verwenden?
Tools ausprobieren
Stempel jetzt direkt im Browser ein Foto, oder hol dir die iOS-App für die Live-Aufnahme mit GPS und Atomuhr-Zeit.