Standardmäßige Browser-Unterstützung für JPEG XL: Das nächste Bildformat erreicht einen Wendepunkt

Am 6. Oktober kündigte Chrome an, das JPEG-XL-Format (JXL) ab Version 155 standardmäßig zu unterstützen. Firefox aktivierte die standardmäßige Unterstützung anschließend ebenfalls in Version 158. Damit geht die Unterstützung für JXL in den Engines der gängigen Browser endlich von der „experimentellen“ in die praktische Phase über.

Was ist JXL?

JPEG XL ist ein von der Joint Photographic Experts Group (JPEG), Google und Cloudinary gemeinsam entwickeltes Bitmap-Bildformat der nächsten Generation, das 2021–2022 offiziell zum internationalen Standard (ISO/IEC 18181) wurde. Ziel ist es, JPEG, PNG und GIF gleichzeitig abzulösen und im modernen Web mit AVIF und WebP zu konkurrieren.

Die wichtigsten Unterschiede zwischen JPEG und JPEG XL

Wichtig ist jedoch: Im aktuellen Web-Szenario mit verlustbehafteten Fotos ist AVIF normalerweise kleiner als JPEG XL (laut einem Systemvergleich vom Oktober 2026 ist JXL bei den Standardeinstellungen bei gleicher Qualität häufig etwa 15–25 % größer als AVIF). Die Vorteile von JPEG XL liegen vor allem bei der verlustfreien Komprimierung, der verlustfreien Neukomprimierung vorhandener JPEGs, dem hervorragenden progressiven Laden sowie bei Szenarien mit hoher Farbtreue und HDR.

Das Prinzip der verlustfreien Neukomprimierung vorhandener JPEGs

Bei der herkömmlichen Transkodierung in WebP oder AVIF muss ein JPEG zunächst in Pixel dekodiert und anschließend im neuen Format erneut codiert werden. Dieser Prozess ist nicht nur langsam, sondern führt durch die erneute Quantisierung auch zum Verlust ursprünglicher Informationen und ist nicht umkehrbar.

Der verlustfreie Transkodierungspfad von JPEG XL funktioniert grundlegend anders: Die Pixeldaten werden nicht dekodiert. Stattdessen werden die bereits quantisierten komprimierten Daten direkt innerhalb der JPEG-Datei verarbeitet. Konkret werden die Koeffizienten der diskreten Kosinustransformation (DCT) aus dem JPEG extrahiert und anschließend in den JPEG-XL-Container eingebettet. Da die ursprünglichen DCT-Koeffizienten unverändert erhalten bleiben, handelt es sich im Wesentlichen um eine Neuordnung des Formats und nicht um eine erneute Komprimierung.

Die erzeugte JXL-Datei enthält eine sogenannte JBRD-Box (JPEG Bitstream Reconstruction Data). Zusammen mit den im Bitstream gespeicherten Quantisierungstabellen und DCT-Koeffizienten enthält sie alle Informationen, die zur Wiederherstellung der ursprünglichen JPEG-Datei erforderlich sind. Dadurch ist eine bytegenaue Wiederherstellung möglich.

So prüfst du, ob dein Browser JXL unterstützt

Mit dem folgenden Skript kannst du die Unterstützung in der Browserkonsole prüfen:

async function supportsJpegXl(testUrl = 'https://jpegxl.info/ComparisonImages/AVIF_CompareSizeSameQuality/close-up-beautiful-chicken-country-lifestyle.png.d0.6.7.jxl') {
  return new Promise((resolve) => {
    const img = new Image();
    img.onload = () => resolve(true);
    img.onerror = () => resolve(false);
    img.src = testUrl;
  });
}

supportsJpegXl().then(supported => {
  console.log('浏览器支持 JPEG XL？', supported);
});

In der Praxis wird empfohlen, mit <picture> eine progressive Erweiterung umzusetzen, statt sich vollständig auf eine Erkennung per JS zu verlassen.

Browser-Unterstützung (Oktober 2026)

• Chrome / Chromium-basierte Browser: Ab Version 155 standardmäßig unterstützt (veröffentlicht am 2026-10-06), mit dem speichersicheren Rust-Dekodierer jxl-rs.
• Firefox: Ab Version 158 standardmäßig unterstützt (voraussichtlich veröffentlicht am 2026-10-13), ebenfalls auf jxl-rs basierend.
• Safari: Ab Version 17 Unterstützung für statische Bilder (teilweise Unterstützung; Animationen und progressive Funktionen sind schwächer).
• Browser mit Chromium-Kern wie Edge werden voraussichtlich folgen.

Verwendung und Transkodierung

Mit Tools wie zippic kann jetzt das Ausgabeformat JXL ausgewählt werden. Für Szenarien mit großen Mengen vorhandener JPEGs sollte bevorzugt die verlustfreie Neukomprimierung verwendet werden, da die ursprüngliche Qualität erhalten bleibt und die Dateien jederzeit wiederhergestellt werden können.

Die empfohlene Vorgehensweise besteht darin, mithilfe von <picture> mehrere Formate als Fallback bereitzustellen:

<picture>
  <source srcset="image.jxl" type="image/jxl">
  <source srcset="image.avif" type="image/avif">
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="Beschreibung">
</picture>

Zu den gängigen Kodierungswerkzeugen gehören cjxl (libjxl), jixel, libvips, Sharp und weitere.

Wann sollte JPEG XL bevorzugt werden?

Auch Chrome empfiehlt offiziell, „AVIF und JPEG XL beide auszuprobieren“ und abhängig vom jeweiligen Bild das optimale Ergebnis auszuwählen.

Fazit

JPEG XL ist derzeit eines der technisch herausragendsten Bildformate der nächsten Generation. Bei der Vollständigkeit seiner Funktionen — verlustfrei, Animationen, Transparenz, HDR, hohe Farbtiefen und progressives Laden — schneidet es besonders gut ab. Vor allem bei der verlustfreien Migration vorhandener JPEGs und der verlustfreien Komprimierung bietet es einzigartige Vorteile.

Mit der offiziellen standardmäßigen Unterstützung durch Chrome 155 und Firefox 158 im Oktober 2026 verfügt das Format über eine wesentlich breitere praktische Grundlage. Bei neuen Projekten kann es als eines der bevorzugten Zielformate eingesetzt und mit AVIF/WebP durch Fallbacks ergänzt werden. Für Szenarien mit großen Mengen vorhandener JPEGs ermöglicht seine verlustfreie Neukomprimierung hingegen eine reibungslose Migration.