JPG, PNG, WebP oder AVIF: welches Format Sie nutzen sollten

Vier Bildformate decken heute fast alles im Web und auf Handys ab: JPEG, PNG, WebP und AVIF. Der übliche Rat („nehmen Sie WebP, das ist kleiner“) stimmt, ist aber vage. Wie viel kleiner, bei welchen Bildern, und lohnt sich der zusätzliche Schritt zu AVIF? Wir haben dieselben sechs Fotos in jedem Format kodiert und sowohl die Dateigröße gemessen als auch, wie nah jedes Ergebnis am Original bleibt.

So funktioniert der Test

Wir haben sechs Fotos unterschiedlicher Art verwendet: eine langhaarige Katze vor weichem Hintergrund, einen von Wald umgebenen See, eine Tasse Kaffee in Strickhandschuhen, eine Leuchtreklame bei Nacht, einen Ara mit feinen Federn und einen Sonnenuntergang mit weichen Verläufen. Jedes wurde auf 2048 Pixel Breite skaliert, eine übliche Größe für Webseiten, und mit denselben Encodern und Einstellungen kodiert, die unser Bildkompressor nutzt: MozJPEG, libwebp und libavif.

Formate bei gleicher Qualitätseinstellung zu vergleichen, führt in die Irre, weil „Qualität 75“ in jedem Encoder etwas anderes bedeutet. Stattdessen haben wir für jedes Foto und jedes Format die niedrigste Einstellung gesucht, die das Ergebnis beim gleichen SSIM-Wert hält, einem Standardmaß dafür, wie ähnlich zwei Bilder für Menschen aussehen, von 0 bis 1. Wir haben zwei Stufen verwendet: 0,98, kaum vom Original zu unterscheiden bei normaler Betrachtungsgröße, und 0,95, wo ein aufmerksames Auge Weichheit oder Blöcke zu bemerken beginnt.

Ergebnisse bei hoher Qualität

Bei hoher Qualität brauchte WebP 45 % weniger Platz als JPEG und AVIF 51 % weniger. PNG, das jedes Pixel exakt speichert, brauchte fünfmal so viel wie JPEG.

Die Summen verbergen eine große Streuung zwischen den Fotos:

Fotos mit vielen feinen, scharfen Details wie Federn, Laub und leuchtender Schrift gewannen am meisten. Um dieses Detail bei hoher Qualität zu halten, musste JPEG auf eine Qualität zwischen 90 und 98 gehen, wo seine Dateien schnell wachsen. Weiche Fotos mit ruhigem Hintergrund komprimieren in jedem Format gut, die neueren haben also weniger Spielraum. Beim Kaffeefoto passte die Strickstruktur sogar besser zu WebP als zu AVIF.

Ergebnisse, wenn Dateien klein sein müssen

Auf der niedrigeren Stufe, SSIM 0,95, kamen die sechs Fotos zusammen auf 1.011 KB als JPEG, 844 KB als WebP und 683 KB als AVIF: 17 und 32 % weniger als JPEG. Prozentual schrumpfen die Unterschiede, aber was man bei einer bestimmten Größe sieht, ändert sich stärker, weil JPEG sichtbarer versagt. Hier der Kopf des Aras, jede Datei auf dieselben 100 KB für das ganze Foto begrenzt:

JPEG, 99 KBAVIF, 95 KB

Weiche Verläufe zeigen dasselbe Muster. Beim auf etwa 39 KB begrenzten Sonnenuntergang erscheinen die Blöcke von JPEG im Himmel, WebP weicht sie auf, und AVIF hält die Farbübergänge fast intakt (SSIM 0,939, 0,956 und 0,974):

JPEG, 39 KBAVIF, 38 KB

Screenshots und Grafiken sind anders

Fotos sind der Fall, für den verlustbehaftete Formate gemacht wurden. Screenshots, Diagramme, Schaubilder und Logos haben große einfarbige Flächen und scharfen Text, und da ändert sich das Bild. Wir haben ein einfaches Diagramm mit Text von 1600 mal 1000 Pixeln gezeichnet und in jedem Format gespeichert:

Für diese Art Bild ist PNG so klein wie ein JPEG und behält jedes Pixel exakt, JPEG hat also nichts zu bieten. WebP und AVIF sind noch kleiner, weichen aber die Kanten von Text leicht auf, was bei Screenshots zählt, die jemand lesen muss.

JPEG 75PNG

Geschwindigkeit und Kompatibilität

Auch der Aufwand beim Kodieren unterscheidet sich. Mit Standardeinstellungen im Browser brauchte ein 2048-Pixel-Foto etwa 0,5 Sekunden als WebP, 0,6 Sekunden als JPEG mit der zusätzlichen Optimierung von MozJPEG und 1,3 Sekunden als AVIF, mit der schnelleren Geschwindigkeitsstufe von libavif. Bei einigen Hundert Fotos sind das Minuten, nicht Stunden, aber AVIF ist klar am langsamsten.

Jede aktuelle Version von Chrome, Edge, Firefox und Safari zeigt WebP und AVIF an, für Websites sind beide heute also sicher, mit einem JPEG als Ausweichlösung nur dann, wenn Sie sehr alte Geräte bedienen. Außerhalb des Browsers sieht es gemischt aus. E-Mail-Programme, Druckereien, ältere Bildbearbeitungen, Upload-Formulare von Behörden und viele Messenger erwarten weiterhin JPEG oder PNG. Wenn ein Foto Ihre Website verlässt, bleibt JPEG das Format, das niemand ablehnt.

Welches Format Sie nutzen sollten

• Fotos auf einer Website: AVIF oder WebP. AVIF lieferte in unserem Test die kleinsten Dateien; WebP lag knapp dahinter und kodierte schneller.
• Fotos, die Sie verschicken, drucken oder anderswo hochladen: JPEG mit Qualität 75 bis 85, das jedes Programm annimmt. Siehe was die JPEG-Qualitätseinstellungen wirklich ändern.
• Screenshots, Diagramme, Logos und alles mit Text: PNG, oder WebP, wenn die Größe wichtiger ist als exakte Pixel.
• Bilder mit Transparenz: PNG, WebP oder AVIF. JPEG kennt überhaupt keine Transparenz.
• Fotos, die Sie noch bearbeiten werden: Behalten Sie ein unverändertes Original, am besten die Kameradatei oder ein PNG, und exportieren Sie für jeden Zweck eine komprimierte Kopie.

Sie können all das mit Ihren eigenen Bildern im Bildkompressor ausprobieren, der JPEG, WebP, AVIF und PNG in Ihrem Browser kodiert und die Größe vor dem Herunterladen zeigt, oder mit dem Bildkonverter im Stapel umwandeln. Nichts wird hochgeladen.