Inhalt dieser Galerie
Diese Galerie enthält einige Beispielbilder, um zwei neue WebP-Modi zu präsentieren: Verlustfreie WebP und WebP-verlustfrei mit Alpha (Unterstützung für Transparenz).
Direkter Vergleich
Die folgende Tabelle enthält PNG-Bilder, die mit PNGcrush und PNGout komprimiert wurden. Verlustfreie WebP-Bilder und Bilder ohne WebP-Verlust mit Alpha für den direkten Vergleich vergleichen. Die Bilder werden wie üblich auf einem karierten Hintergrund gelegt. mit Grafiksoftware erstellt.
Hinweis: Wir haben WebP-Qualität 90 für Bilder mit WebP-Verlust mit Alpha- und Standardqualität für verlustfreie WebP-Bilder. Weitere Informationen finden Sie unter Weitere Informationen finden Sie im Abschnitt Reproduzieren der Bilder.
Wir präsentieren die WebP-Bilder – zurück in PNG konvertiert – für Browser, die nicht die WebP rendern können. Wenn du einen kompatiblen Browser hast, findest du hier Links zu WebP-Dateien. Außerdem sind die Bilder auf dieser Seite für eine einfachere Darstellung verkleinert. Klicken Sie auf ein Bild, um es in voller Größe anzuzeigen. Bild.
In der Tabelle ist auch die in den einzelnen Modi ermittelte Bildgröße angegeben.
PNG | Verlustfrei über WebP | Verlorene WebP-Daten (mit Alpha) |
|---|---|---|
| "Gelbe Rose" 1. | ||
<ph type="x-smartling-placeholder"></ph>
 .PNG-optimierte Dateigröße: 110,7 KB |
<ph type="x-smartling-placeholder"></ph>
 .Größe der verlustfreien WebP-Datei: 79,9 KB |
<ph type="x-smartling-placeholder"></ph>
 .Dateigröße bei WebP (mit Alpha): 17,7 KB |
| „baby tux für meine Nutzerseite“ 2. | ||
<ph type="x-smartling-placeholder"></ph>
 .PNG-optimierte Dateigröße: 38,1 KB |
<ph type="x-smartling-placeholder"></ph>
 .Größe der verlustfreien WebP-Datei: 27,0 KB |
<ph type="x-smartling-placeholder"></ph>
 .Dateigröße bei WebP (mit Alpha): 13,8 KB |
| „PNG-Transparenz-Demo“ 3. | ||
<ph type="x-smartling-placeholder"></ph>
 .PNG-optimierte Dateigröße: 213,5 KB |
<ph type="x-smartling-placeholder"></ph>
 .Größe der verlustfreien WebP-Datei: 149,0 KB |
<ph type="x-smartling-placeholder"></ph>
 .Dateigröße bei WebP (mit Alpha): 51,6 KB |
| „189. Geburtstag von Gregor Mendel“ 4. | ||
<ph type="x-smartling-placeholder"></ph>
 .PNG-optimierte Dateigröße: 49,2 KB |
<ph type="x-smartling-placeholder"></ph>
 .Größe der verlustfreien WebP-Datei: 33,2 KB |
<ph type="x-smartling-placeholder"></ph>
 .Dateigröße bei WebP (mit Alpha): 18,3 KB |
| „Transparente Kompasskarte für Overlays“ 5. | ||
<ph type="x-smartling-placeholder"></ph>
 .PNG-optimierte Dateigröße: 126,8 KB |
<ph type="x-smartling-placeholder"></ph>
 .Größe der verlustfreien WebP-Datei: 97,1 KB |
<ph type="x-smartling-placeholder"></ph>
 .Dateigröße bei WebP (mit Alpha): 57,3 KB |
Hier sind die Links zu den WebP-Dateien, die in Chrome 22 und höher sichtbar sind:
| "Gelbe Rose": | <ph type="x-smartling-placeholder"></ph> Verlustfreie WebP-Datei (80,1 KB) | <ph type="x-smartling-placeholder"></ph> WebP-lossy (mit Alpha-)Datei (18,4 KB) |
| „baby tux für meine Nutzerseite“: | <ph type="x-smartling-placeholder"></ph> Verlustfreie WebP-Datei (27,0 KB) | <ph type="x-smartling-placeholder"></ph> WebP-lossy (mit Alpha-)Datei (14,1 KB) |
| „PNG-Transperancy-Demo“: | <ph type="x-smartling-placeholder"></ph> Verlustfreie WebP-Datei (149,1 KB) | <ph type="x-smartling-placeholder"></ph> WebP-lossy (mit Alpha-)Datei (52,6 KB) |
| „189. Geburtstag von Gregor Mendel“: | <ph type="x-smartling-placeholder"></ph> Verlustfreie WebP-Datei (33,3 KB) | <ph type="x-smartling-placeholder"></ph> WebP-lossy (mit Alpha-)Datei (19,0 KB) |
| „Transparente Kompasskarte für Overlays“: | <ph type="x-smartling-placeholder"></ph> Verlustfreie WebP-Datei (97,1 KB) | <ph type="x-smartling-placeholder"></ph> WebP-lossy (mit Alpha-)Datei (57,3 KB) |
Bildnachweis
Die Bilder auf dieser Seite stammen aus verschiedenen Quellen. Gutschriften für der obigen Bilder der Reihe nach aufgelistet sind.
| 1 |
"Kostenloses Stockfoto in hoher Auflösung – gelbes Rose 3 – Blumen" Autor des Bilds: Jon Sullivan Diese Datei ist frei von Urheberrechten. <ph type="x-smartling-placeholder"></ph> JPEG-Quelle |
| 2 |
„baby tux für meine Nutzerseite“ Autor des Bilds: Fizyplankton Diese Datei ist frei von Urheberrechten. <ph type="x-smartling-placeholder"></ph> PNG-Quelle |
| 3 |
„PNG-Transparenz-Demo“ Bildverfasser: POV-Ray-Quellcode Foto lizenziert unter der <ph type="x-smartling-placeholder"></ph> Creative Commons <ph type="x-smartling-placeholder"></ph> Attribution-Share-Alike 3.0 Unported-Lizenz. <ph type="x-smartling-placeholder"></ph> PNG-Quelle |
| 4 |
„189. Geburtstag von Gregor Mendel“ Autor des Bilds: Google Doodle-Team Vielen Dank an das Google Doodle-Team für dieses Bild. <ph type="x-smartling-placeholder"></ph> PNG-Quelle |
| 5 |
"Transparente Kompasskarte für Overlays" Autor des Bilds: Denelson83 Diese Datei ist lizenziert gemäß der <ph type="x-smartling-placeholder"></ph> Creative Commons <ph type="x-smartling-placeholder"></ph> Attribution-Share-Alike 3.0 Unported-Lizenz. <ph type="x-smartling-placeholder"></ph> PNG-Quelle |
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
Das beste Ergebnis für die PNG-Komprimierung ist pngcrush 1.8.13 und ZopfliPNG 1.0.3. verwendet wird. Die folgenden Befehlszeilenoptionen werden verwendet
Pngcrush:
pngcrush -brute -rem tEXt -rem tIME -rem iTXt -rem zTXt -rem gAMA -rem cHRM -rem iCCP -rem sRGB -rem alla -rem text input.png output-candidate.png
Logo: ZopfliPNG:
zopflipng --lossy_transparent input.png output-candidate.png
ZopfliPNG mit allen Filtern:
zopflipng --iterations=500 --filters=01234mepb --lossy_8bit --lossy_transparent input.png output-candidate.png
Um einige der größeren Quellbilder (nur für die Anzeige) neu zu skalieren, haben wir ein
neueste Version des ImageMagick-Tools namens convert, verfügbar unter
https://www.imagemagick.org. Die genaue Befehlszeile lautete so:
convert image.png -resize 240x image_resized.png
Komprimieren zu WebP-verlustfrei
Wir haben das „verlustfreie“ Option im cwebp-Tool zur Konvertierung von PNG in WebP- verlustfrei. Um eine minimale Ausgabe zu erzielen, wurde genau die Befehlszeile verwendet, wie folgt:
cwebp input.png -lossless -m 6 -q 100 -o webp_lossless.webp
Verlustfreies WebP-Rendering
Wir haben verlustfreie WebP-Bilder mithilfe des dwebp-Tools zum Rendern wieder in PNG konvertiert. Die exakte Befehlszeile wurde so verwendet:
dwebp webp_lossless.webp -o output.png
Komprimieren zu WebP-verlustfrei (mit Alpha)
Wir haben das Tool „cwebp“ verwendet, um PNG in WebP-lossy (mit Alpha) zu konvertieren. Wir haben ausgewählt WebP-Qualität 90 (verlustbehaftete Komprimierung) und Alpha-Qualität 100 (verlustfreie Komprimierung) Komprimierung). Die exakte Befehlszeile wurde so verwendet:
cwebp input.png -q 90 -alpha_q 100 -m 6 -o webp_alpha.webp
Verlorenes Rendering bei WebP (mit Alpha)
Wir haben verlustbehaftete WebP-Bilder (mit Alpha) mit dem dwebp-Tool zu verbessern. Die exakte Befehlszeile wurde so verwendet:
dwebp webp_alpha.webp -o output.png