JPG vs WebP

WebP ist bei gleicher sichtbarer Qualität etwa ein Viertel bis ein Drittel kleiner.

Wann JPG?

JPG, wenn die Datei weitergegeben oder in ein System hochgeladen wird, das nichts anderes annimmt.

Wann WebP?

WebP für Webseiten. Der Größenvorteil ist real und wirkt sich unmittelbar auf die Ladezeit aus.

Was dabei meistens übersehen wird

Ein vorhandenes JPG nach WebP umzuwandeln, holt weniger heraus, als die Zahlen versprechen: Was der JPEG-Encoder verworfen hat, ist bereits weg, und WebP kann es nicht wiederherstellen. Der volle Vorteil entsteht nur aus dem Original.

Was JPG zu WebP tatsächlich bewirkt

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

JPG9 KB

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

WebP14 KB65% larger

Eine fotografische Szene — weiche Verläufe, sanfte Kanten, Bildrauschen. Das ist der Fall, für den WebP 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 JPG.

JPG6 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 WebP.

WebP4 KB25% smaller

Ein durchsichtiger Hintergrund und ein Verlauf über die Form. WebP 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 JPG.

JPG16 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 WebP.

WebP11 KB34% 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

JPGWebP
Full nameJPEG ImageWebP Image
Endung.jpg, .jpeg, .jpe.webp
Medientypimage/jpegimage/webp
KompressionVerlustbehaftet — Größe wird mit Qualität bezahltBeides, je nach Einstellung
Diese Seite kann es schreibenJaJa

Entschieden? Hier umwandeln

Woher diese Zahlen stammen

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