Verlustfreie und Alpha-Galerie

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:

Bildnachweis

Die Bilder auf dieser Seite stammen aus verschiedenen Quellen. Gutschriften für der obigen Bilder der Reihe nach aufgelistet sind.

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