Technischer Evaluationsleitfaden zum Ersetzen von JPG durch AVIF: Von Kompressionsverhältnis bis Produktionspipeline
Bei gleicher SSIM-Bildqualität sind AVIF-Dateien 30 % bis 50 % kleiner als JPG. Dieser Artikel analysiert die Machbarkeit des Ersetzens anhand von Dimensionen wie Kodiertechnologie und Kompatibilität.
Aktualisiert 2026-08-11
Generationsunterschied in der Kodiertechnologie: DCT vs AV1 Intra Coding
Der 1992 veröffentlichte JPEG-Standard verwendet blockbasierte diskrete Kosinustransformation (DCT)-Kodierung, die eine unabhängige Transformationskodierung auf 8x8-Pixelblöcke durchführt. Blockbasierte Kompression erzeugt leicht Blockartefakte und unterstützt nur 8-Bit-Farbtiefe.
Das 2018 veröffentlichte AV1 Intra Coding verwendet Technologien wie multidirektionale Vorhersage, rekursive Partitionierung und In-Loop-Filterung. Es kann die Größe von Kodierblöcken an die lokale Textur des Bildes anpassen, Blockierungseffekte beseitigen und das Kompressionsmodell passt sich besser an die Inhaltsmerkmale moderner Bilder an.
Vergleich von Kompressionsverhältnis und Farbtiefenunterstützung bei gleicher Bildqualität
Laut öffentlichen Testdaten von Google sind AVIF-Dateien bei gleicher SSIM-Bildqualität 30 % bis 50 % kleiner als JPG. Testdaten von inländischen CDN-Anbietern zeigen, dass dieser Bereich für Webbild-Szenarien grundsätzlich konsistent ist.
JPG unterstützt nur 8-Bit-SDR-Farbe mit einer maximalen Anzeige von 256 Graustufen. AVIF unterstützt nativ 10-Bit- und 12-Bit-Farbtiefe, kann den BT.2020-Farbraum abdecken und passt sich HDR-Anzeigegeräten an.
| Bildqualitätsmetrik (SSIM) | Durchschnittliche JPG-Größe (KB) | Durchschnittliche AVIF-Größe (KB) | Größenreduktionsverhältnis |
|---|---|---|---|
| 0,98 (Hohe Qualität) | 182 | 91 | 50% |
| 0,95 (Gute Qualität) | 113 | 63 | 44% |
| 0,92 (Ausreichende Qualität) | 78 | 46 | 41% |
Auswirkungen der Kodierzeit auf die Build-Pipeline
Die Kodierzeit für ein einzelnes AVIF-Bild beträgt bei gleicher Bildqualität etwa das 10- bis 20-fache von JPG. Die Einzelthread-Kodiergeschwindigkeit von libaom, dem offiziellen Referenzencoder von AOM, ist deutlich niedriger als die von libjpeg-turbo.
Vorhandene Produktionspipelines können die Auswirkungen der Kodierzeit durch Offline-Vorkodierung, verteilte Kodiercluster oder die Verwendung von geschwindigkeitsoptimierten Encodern wie SVT-AV1 reduzieren. Für Echtzeit-Online-Kodierszenarien wird ein Ersatz derzeit nicht empfohlen.
Für den Aufbau der Pipeline muss nur ein neuer AVIF-Kodier-Ausgangszweig hinzugefügt werden, der ursprüngliche JPG-Ausgangspfad muss nicht gelöscht werden. Ein reibungsloser Übergang kann mit einer Fallback-Lösung erreicht werden.
Browserunterstützung und Fallback-Implementierung
Ab dem zweiten Quartal 2024 unterstützen Chrome, Firefox, Edge und Safari 16 und höher auf globalen Desktop-Systemen das AVIF-Format nativ, mit einer Abdeckungsrate von über 92 %. Auf Mobilgeräten überschreitet die Abdeckungsrate von Android-Browsern 90 %.
Fallback-Kompatibilität wird mit dem HTML picture-Tag implementiert: AVIF wird zuerst geladen, und Browser, die AVIF nicht unterstützen, fallen automatisch auf das JPG-Format zurück. Dies erfordert nur Anpassungen an der Struktur von front-end img-Tags.
Häufige Fragen
Können vorhandene Websites JPG vollständig durch AVIF ersetzen?
Eine vollständige Ersetzung wird derzeit nicht empfohlen. Wenn die vorhandene Produktionspipeline die AVIF-Kodierzeit nicht bewältigen kann und etwa 8 % der Nutzer noch alte Browser verwenden, die AVIF nicht unterstützen, wird eine schrittweise Ersetzung empfohlen.
Muss ich vorhandene JPG-Dateien stapelweise in AVIF konvertieren?
Above-the-fold-Bilder, die einen hohen Anteil am Traffic ausmachen, können zuerst konvertiert werden. Für die umgekehrte Überprüfung kann ein AVIF to JPG Konverter verwendet werden. Langschwänzige Bilder mit geringem Traffic müssen nicht stapelweise konvertiert werden und können im Originalformat bleiben.
Ist AVIF besser als WebP geeignet, um JPG zu ersetzen?
Bei gleicher Bildqualität hat AVIF ein um 10 % bis 20 % höheres Kompressionsverhältnis als WebP, unterstützt höhere Farbtiefe und hat eine etwas geringere Kompatibilität als WebP. Neue Websites können AVIF priorisiert als Hauptbildformat verwenden.