HeadlinesBriefing HeadlinesBriefing.com

JPEG XL vs. AVIF: Was ist besser für das Web?

Hacker News •
×

JPEG XL wird inzwischen von allen großen Browsern unterstützt. Daher untersucht dieser Vergleich, wo das Format gut abschneidet und wo es gegenüber AVIF zurückfällt. Bei verlustbehafteten Fotos für das Web erzeugt AVIF fast immer kleinere Dateien. Bei den Standard-Aufwandseinstellungen ist die beste JPEG-XL-Version typischerweise 15–25 % größer als das gleichwertige AVIF, bei maximalem Aufwand verringert sich der Abstand auf typischerweise 6–20 %. Es gibt Ausreißer, bei denen JPEG XL nahe an AVIF herankommt oder es sogar schlägt. Wer für ein bestimmtes Bild das bestmögliche Ergebnis möchte, sollte daher beide Formate ausprobieren.

Auch der Encoder ist sehr wichtig. jixel, ein neuerer JPEG-XL-Encoder, erzeugt meist kleinere Dateien als libjxl, außer wenn das Bild feine Transparenzdetails enthält. Bei Screenshots und Illustrationen ist AVIF deutlich besser: Das gleichwertige JPEG XL ist bei Standard-Aufwandseinstellungen 30–90 % größer. Auch bei Bildern mit Transparenz liegt AVIF klar vorn: Die libjxl-Version ist bei Standardaufwand 31–44 % größer, und jixel kodiert Transparenz immer verlustfrei, wodurch seine Dateien 2- bis 3-mal so groß sind wie die von AVIF.

AVIF lässt sich unter Berücksichtigung der Dateigröße in der Regel schneller kodieren und benötigt weniger Speicher, außerdem ist es schneller zu dekodieren. JPEG XL braucht bei mittlerer Qualität meist 2- bis 3-mal so lange zum Dekodieren, wobei sich der Abstand bei sehr hohen Qualitätsstufen verringert. Höhere Aufwandseinstellungen lohnen sich für AVIF und jixel, nicht jedoch für libjxl, dessen höhere Aufwandsstufen deutlich langsamer sind und das Ergebnis kaum verbessern.

Bei HDR fehlt JPEG XL in den Browser-Decodern die Unterstützung für Gain Maps, was im Vergleich zu AVIF eine erhebliche Einschränkung darstellt. Beide Formate unterstützen progressive Darstellung, allerdings ist die Umsetzung bei AVIF derzeit nur in Chrome verfügbar und für Firefox noch in Arbeit. Der vollständige Artikel enthält ausführliche Beispiele, Benchmarks und Daten.

Quelle: Hacker News · Zusammengefasst von HeadlinesBriefing