WebP vs AVIF

AVIF ist noch einmal kleiner; WebP kodiert schneller und läuft auf älteren Geräten.

Wann WebP?

WebP, wenn viele Bilder schnell verarbeitet werden müssen oder auch ältere Browser bedient werden.

Wann AVIF?

AVIF, wenn die Dateigröße zählt und Zeit beim Kodieren keine Rolle spielt. Bei Fotos sind zwanzig bis dreißig Prozent gegenüber WebP üblich.

Was dabei meistens übersehen wird

AVIF zu kodieren dauert um ein Vielfaches länger als WebP. Bei einem einzelnen Bild merkt man das kaum, bei tausend schon.

Was WebP zu AVIF tatsächlich bewirkt

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as WebP.

WebP14 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as AVIF.

AVIF17 KB20% larger

Eine fotografische Szene — weiche Verläufe, sanfte Kanten, Bildrauschen. Das ist der Fall, für den AVIF gemacht ist oder eben nicht, und die Zahlen zeigen, welcher von beiden. Beide Bilder werden im Code gezeichnet und von demselben Konverter kodiert, der auch auf dieser Seite läuft — die Größenangaben sind also unsere eigene Ausgabe.
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as WebP.

WebP4 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as AVIF.

AVIF3 KB21% smaller

Ein durchsichtiger Hintergrund und ein Verlauf über die Form. AVIF behält entweder beides, nur eines davon, oder füllt die Transparenz mit einer festen Farbe — und das ist der Unterschied, über den die meisten stolpern. Beide Bilder werden im Code gezeichnet und von demselben Konverter kodiert, der auch auf dieser Seite läuft — die Größenangaben sind also unsere eigene Ausgabe.
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as WebP.

WebP11 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as AVIF.

AVIF5 KB2.1× smaller

Flächige Farben und harte Kanten, wie in einer Oberfläche, einem Diagramm oder einem Logo. Das verhält sich völlig anders als das Foto darüber — und genau deshalb lautet die Antwort: es kommt darauf an, was in der Datei steckt. Beide Bilder werden im Code gezeichnet und von demselben Konverter kodiert, der auch auf dieser Seite läuft — die Größenangaben sind also unsere eigene Ausgabe.

Nebeneinander

WebPAVIF
Full nameWebP ImageAV1 Image File Format
Endung.webp.avif
Medientypimage/webpimage/avif
KompressionBeides, je nach EinstellungBeides, je nach Einstellung
Diese Seite kann es schreibenJaJa

Entschieden? Hier umwandeln

Woher diese Zahlen stammen

Was diese Seite über WebP and AVIF behauptet, lässt sich nachprüfen — hier stehen die Dokumente, die es festlegen.