WebP-Galerie

Diese Galerieseite wird am besten mit einem Browser dargestellt, der WebP unterstützt, z. B. Google Chrome, Opera und andere.

Wenn Sie keinen Zugriff auf Google Chrome haben, können Sie die Bilder auf Ihrem lokale Laufwerke für die Verwendung mit anderen Produkten verwenden, die WebP unterstützen.

Beispiel-Bilddateien im JPEG- und WebP-Format und als PNG-Quelle

In der folgenden Tabelle sehen Sie skalierte JPEG-Bilder (links) und WebP-Bilder (rechts) zum Vergleich gegenüberstellen. Da es Browser gibt, die WebP nativ unterstützen, platzieren wir WebP-Bilder nicht mehr wie beim Start in einem PNG-Container. Bild dass die Dateigrößen exakt sind. Durch Klicken auf die Miniaturansichten JPEG und WebP wird das große Bilder in einem neuen Tab

Die Dateigrößen unter den Miniaturansichten entsprechen den Dateigrößen der Bilder. auf die Miniaturansichten klicken. Die WebP-Bilder sind um mehr als 30% kleiner als die JPEG-Formate.

JPEG

WEBP

„Nærøyfjorden, Norwegen – aus Breiskrednosi. UNESCO-Welterbe Kulturerbe“ 1.
<ph type="x-smartling-placeholder"></ph> .
Größe der JPEG-Datei: 43,84 KB
<ph type="x-smartling-placeholder"></ph> WebP-Bild.
WebP-Dateigröße: 29,61 KB
„Kajak bei Ekstremsportveko 2010, Voss“. 2
<ph type="x-smartling-placeholder"></ph> .
Größe der JPEG-Datei: 86,25 KB
<ph type="x-smartling-placeholder"></ph> WebP-Bild.
WebP-Dateigröße: 59,18 KB
Frame 10 von „Parkrun“ Sequenz 3.
<ph type="x-smartling-placeholder"></ph> .
Größe der JPEG-Datei: 297,05 KB
<ph type="x-smartling-placeholder"></ph> WebP-Bild.
WebP-Dateigröße: 198,38 KB
Bild: „Eine Wildkirsche (Prunus avium) in einer Blume“ 4
<ph type="x-smartling-placeholder"></ph> .
Größe der JPEG-Datei: 251,03 KB
<ph type="x-smartling-placeholder"></ph> WebP-Bild.
WebP-Dateigröße: 172,82 KB
Bild: Feueratmen „Jaipur Maharaja Brass Band“ Chassepierre Belgien 5
<ph type="x-smartling-placeholder"></ph> .
Größe der JPEG-Datei: 120,78 KB
<ph type="x-smartling-placeholder"></ph> WebP-Bild.
WebP-Dateigröße: 80,76 KB

Bildnachweis

Die Bilder auf dieser Seite stammen aus verschiedenen Quellen. Wir haben einige schöne und aussagekräftige Bilder ausgewählt, die die Qualitäten von WebP unterstreichen. Berühmte Klassiker wie Lena, der Pavian usw., die oft dabei verwendet werden Komprimierungsvergleiche, sind leider nicht frei von Urheberrechten.

Angaben zu Mitwirkenden für die oben genannten Bilder werden hier in der richtigen Reihenfolge aufgeführt.

1 „Nærøyfjorden, Norwegen – aus Breiskrednosi. UNESCO-Welterbe"
Bildverfasser: Kjetil Birkeland Moe
Reproduziert mit Genehmigung des Autors
<ph type="x-smartling-placeholder"></ph> PNG-Quelle
<ph type="x-smartling-placeholder"></ph> Blogpost von Autor mit Vergleich von JPEG und WebP. Maus werden Beispiele aktiviert.
2 "Kajak bei Ekstremsportveko 2010, Voss"
Bildverfasser: Kjetil Birkeland Moe
Reproduziert mit Genehmigung des Autors
<ph type="x-smartling-placeholder"></ph> PNG-Quelle
<ph type="x-smartling-placeholder"></ph> Blogpost von Autor mit Vergleich von JPEG und WebP. Maus werden Beispiele aktiviert.
3 Frame 10 von „Parkrun“ Sequenz
Bildproduzent: Lars Haglund, SVT Sveriges Television AB
Reproduziert mit Genehmigung des Erstellers
<ph type="x-smartling-placeholder"></ph> PNG-Quelle
4 Bild: „Eine Wildkirsche (Prunus avium) in einer Blume“
Autor des Bilds: Benjamin Gimmel
<ph type="x-smartling-placeholder"></ph> PNG-Quelle
Foto lizenziert unter der . Creative Commons Attribution-Share-Alike 3.0 Unported-Lizenz.
5 Bild: Feueratmen „Jaipur Maharaja Brass Band“ Chassepierre Belgien
Autor: Luc Viatour
<ph type="x-smartling-placeholder"></ph> PNG-Quelle
Foto lizenziert unter der . Creative Commons Attribution-Share-Alike 3.0 Unported-Lizenz.
Website des Autors unter www.lucnix.be

Reproduzieren der Bilder

Zum Zweck der Reproduzierbarkeit und um die Verwendung eines WebP zu demonstrieren Komprimierungsparameter, werden hier die genauen Schritte beschrieben, die erforderlich sind, wenn der Bilder in dieser Galerie generiert.

Tools

Um die Quellbilder zu konvertieren und neu zu skalieren, haben wir eine neuere Version der Das Tool von ImageMagick mit dem Namen convert, verfügbar unter https://www.imagemagick.org. Die Versionsinformationen lauten:

Version: ImageMagick 6.5.7-8 2010-12-02 Q16 https://www.imagemagick.org

Für die JPEG-Komprimierung haben wir Version 8b des Referenzencoders von IJG verwendet. verfügbar unter https://www.ijg.org/files/jpegsrc.v8b.tar.gz.

Die Versionsinformationen lauten:

Independent JPEG Group's CJPEG, version 8b  16-May-2010
Copyright (C) 2010, Thomas G. Lane, Guido Vollbeding

PNG-Quellbilder generieren

Zunächst werden die JPEG-Quellen einfach mit folgendem Befehl verlustfrei in das PNG-Format konvertiert:

convert in.jpg out.png

Dann werden die großen Quellbilder auf eine kleinere Breite von 1.024 Pixeln skaliert. mit dem folgenden Befehl:

convert in.png -depth 16 -gamma 0.454545 -filter lanczos -resize 1024 -gamma 2.2 -depth 8 out.png

um den endgültigen Satz von PNG-Quellbildern zu erstellen.

Wird im JPEG-Format komprimiert

Der JPEG-Encoder (cjpeg) nimmt Bilder im PPM-Format auf. Wir verwenden convert, um generieren können. Die vollständige Konvertierungssequenz sieht dann so aus:

convert in.png tmp.ppm
cjpeg -optimize -quality 80 -outfile out.jpg tmp.ppm

Dabei werden optimierte JPEG-Dateien mit einem Qualitätsfaktor von 80 erstellt.

Im WebP-Format komprimieren

Im Vergleich zu den optimierten JPEG-Dateien wollten wir die Dateigröße um 30% reduzieren. Daher haben wir die Zielgrößen für jedes Bild explizit angegeben. Außerdem legen wir Ad-hoc-Werte für die Filterstärke dank der Option -f des cwebp-Tools. Die Amplitude des Die Anpassung der räumlichen Rauschform wird bei einigen Bildern durch die Funktion Option -sns. Die genauen verwendeten Befehlszeilen lauteten:

cwebp -m 6 -f 50 -size 31500 1.png -o 1.webp
cwebp -m 6 -f 20 -sns 100 -size 62000 2.png -o 2.webp
cwebp -m 6 -sns 90 -size 213000 3.png -o 3.webp
cwebp -m 6 -f 40 -size 181000 4.png -o 4.webp
cwebp -m 6 -f 40 -size 89000 5.png -o 5.webp

Insgesamt führten die daraus resultierenden WebP-Dateien zu einer weltweiten Einsparung von 32% im Vergleich zu JPEG-Dateigrößen ändern.

Beachte, dass die auf dieser Seite verwendeten WebP-Thumbnails ebenfalls um 26 % kleiner sind. im Vergleich zu ihren JPEG-Dateien.