Inhalte dieser 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. Die Bilddateigrößen sind genau. 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, die angezeigt werden, wenn Sie auf die Miniaturansichten klicken. Die WebP-Bilder sind um mehr als 30 % kleiner als die JPEG-Bilder.
JPEG | WEBP |
---|---|
„Nærøyfjorden, Norwegen – von Breiskrednosi. UNESCO-Welterbe Kulturerbe“ 1. | |
JPEG-Dateigröße: 43,84 KB |
WebP-Dateigröße: 29,61 KB |
„Kayaker at Ekstremsportveko 2010, Voss“ 2 | |
. Größe der JPEG-Datei: 86,25 KB |
. WebP-Dateigröße: 59,18 KB |
Frame 10 der „Parkrun“-Sequenz 3 | |
JPEG-Dateigröße: 297,05 KB |
. WebP-Dateigröße: 198,38 KB |
Bild: „Eine Wildkirsche (Prunus avium) in Blüte“ 4 | |
. Größe der JPEG-Datei: 251,03 KB |
WebP-Dateigröße: 172,82 KB |
Bild: Feueratmen „Jaipur Maharaja Brass Band“ Chassepierre Belgien 5 | |
. Größe der JPEG-Datei: 120,78 KB |
. 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.
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 PNG-Quelle 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 PNG-Quelle Blogpost des Autors 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 PNG-Quelle |
4 |
Bild: „A Wild Cherry (Prunus avium) in flower“ Bildautor: Benjamin Gimmel 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 PNG-Quelle Foto lizenziert unter der Creative Commons „Attribution-Share-Alike 3.0 Unported“-Lizenz. Website des Autors unter www.lucnix.be |
Bilder reproduzieren
Zur besseren Nachvollziehbarkeit und zur Veranschaulichung der Verwendung einiger WebP-Komprimierungsparameter beschreiben wir hier die genauen Schritte, die zum Generieren der Bilder in dieser Galerie erforderlich sind.
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, der unter https://www.ijg.org/files/jpegsrc.v8b.tar.gz verfügbar ist.
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 die endgültigen Quell-PNG-Bilder zu erstellen.
Wird im JPEG-Format komprimiert
Der JPEG-Encoder (cjpeg
) nimmt Bilder im PPM-Format auf. Wir verwenden convert
, um sie zu generieren. Die vollständige Conversion-Abfolge sieht dann so aus:
convert in.png tmp.ppm
cjpeg -optimize -quality 80 -outfile out.jpg tmp.ppm
Dadurch werden optimierte JPEG-Dateien mit einem Qualitätsfaktor von 80 erstellt.
Im WebP-Format komprimieren
Wir haben uns zum Ziel gesetzt, die Dateigröße um 30 % im Vergleich zu den optimierten JPEG-Dateien zu reduzieren.
Daher haben wir die Zielgrößen für jedes Bild explizit angegeben.
Außerdem legen wir mithilfe der Option -f
des Tools cwebp
Ad-hoc-Werte für die Filterstärke für jedes Bild fest. 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 konnten mit den resultierenden WebP-Dateien im Vergleich zu den JPEG-Dateien 32 % an Speicherplatz eingespart werden.
Beachte, dass die auf dieser Seite verwendeten WebP-Thumbnails ebenfalls um 26 % kleiner sind. im Vergleich zu ihren JPEG-Dateien.