Loss and Alpha Gallery

Bu galeride, WebP'nin iki yeni modunu sergilemek için bazı örnek resimler sunulmaktadır: WebP-kayıpsız ve alfa ile WebP-kayıp (şeffaflık desteği).

Yan Yana Karşılaştırma

Aşağıdaki tabloda yan yana karşılaştırma için PNG resimleri (pngcrush ve pngout ile sıkıştırılmış), WebP kayıpsız resimler ve Alfa içeren WebP kayıp resimleri gösterilmektedir. Resimler, tipik grafik yazılımlarında olduğu gibi damalı bir arka plan üzerine yerleştirilir.

WebP-kayıpsız resimlerde alfa ve WebP kayıpsız resimlerde varsayılan kalitede webp kalite 90 kullandığımızı unutmayın. Daha fazla bilgi için Görüntüleri yeniden oluşturma bölümüne bakın.

WebP'yi işleyemeyen tarayıcılar için PNG'ye dönüştürülmüş WebP resimlerini sunuyoruz. Uyumlu bir tarayıcınız varsa WebP dosyalarının bağlantılarını aşağıda bulabilirsiniz. Ayrıca, bu sayfadaki resimler, görüntüleme kolaylığı için küçültülmüştür. Tam boyutlu görseli görmek için herhangi bir resmi tıklayın.

Tablo, her bir modda elde edilen resim boyutunu da gösterir.

PNG

WebP kayıpsız

WebP-lossy (alfa ile)

"Sarı Gül" 1

PNG için optimize edilmiş dosya boyutu: 110,7 KB
WebP Kayıpsız Resim
WebP kayıpsız dosya boyutu: 79,9 KB
WebP-kayıp (alfa özellikli) Resmi
WebP-kayıp (alfa) dosya boyutu: 17,7 KB
"kullanıcı sayfam için bebek smokin" 2

PNG için optimize edilmiş dosya boyutu: 38,1 KB
WebP Kayıpsız Resim
WebP kayıpsız dosya boyutu: 27,0 KB
WebP-kayıp (alfa özellikli) Resmi
WebP-kayıp (alfa) dosya boyutu: 13,8 KB
"PNG şeffaflık gösterimi" 3

PNG için optimize edilmiş dosya boyutu: 213,5 KB
WebP Kayıpsız Resim
WebP kayıpsız dosya boyutu: 149,0 KB
WebP-kayıp (alfa özellikli) Resmi
WebP-kayıp (alfa) dosya boyutu: 51,6 KB
"Gregor Mendel'in 189. Doğum Günü" 4

PNG için optimize edilmiş dosya boyutu: 49,2 KB
WebP Kayıpsız Resim
WebP kayıpsız dosya boyutu: 33,2 KB
WebP-kayıp (alfa özellikli) Resmi
WebP-kayıp (alfa) dosya boyutu: 18,3 KB
"Yer paylaşımları için şeffaf pusula kartı" 5

PNG için optimize edilmiş dosya boyutu: 126,8 KB
WebP Kayıpsız Resim
WebP kayıpsız dosya boyutu: 97,1 KB
WebP-kayıp (alfa özellikli) Resmi
WebP-kayıp (alfa) dosya boyutu: 57,3 KB
"Sarı Gül": WebP kayıpsız dosya (80,1 KB) WebP-lossy (alfa) dosyası (18,4 KB)
"kullanıcı sayfam için bebek smokin": WebP kayıpsız dosya (27,0 KB) WebP-lossy (alfa) dosyası (14,1 KB)
"PNG şeffaflık gösterimi": WebP kayıpsız dosya (149,1 KB) WebP-lossy (alfa) dosyası (52,6 KB)
"Gregor Mendel'in 189. Doğum Günü": WebP kayıpsız dosya (33,3 KB) WebP-lossy (alfa) dosyası (19,0 KB)
"Yer paylaşımları için şeffaf pusula kartı": WebP kayıpsız dosya (97,1 KB) WebP-lossy (alfa) dosyası (57,3 KB)

Resimle İlgili Katkıda Bulunanlar

Bu sayfadaki görseller çeşitli kaynaklardan gelmektedir. Yukarıdaki resimlerle ilgili katkıda bulunanlar, burada sırayla listelenmiştir.

1 "Yüksek Çözünürlükte Ücretsiz Stok Fotoğraf - Sarı Gül 3 - Çiçek"
Resmi Yazan: Jon Sullivan
Bu dosya kamu alanındadır.
JPEG kaynağı
2 "kullanıcı sayfam için baby tux"
Görselin Yazarı: Fizyplankton
Bu dosya kamu alanında.
PNG kaynağı
3 "PNG şeffaflık gösterimi"
Görselin yazarı: POV-Ray kaynak kodu
Fotoğraf Creative Commons Attribution-Share Alike 3.0 Unported lisansı kapsamında lisanslanmıştır.
PNG kaynağı
4 "Gregor Mendel'in 189. Doğum Günü"
Görsel Yazar: Google Doodle ekibi
Bu resim için Google Doodle Ekibi'ne teşekkürler.
PNG kaynağı
5 "Bindirmeler için şeffaf pusula kartı"
Resmi Yazan: Denelson83
Bu dosya Creative Commons Attribution-Share Alike 3.0 Unported lisansı kapsamında lisanslanmıştır.
PNG kaynağı

Görüntüleri Yeniden Oluşturma

Yeniden oluşturulabilirlik sağlamak ve bazı WebP sıkıştırma parametrelerinin kullanımını göstermek için bu galerideki resimlerin oluşturulması sırasında gereken tam adımları burada açıklıyoruz.

Araçlar

PNG yeniden sıkıştırması için pngcrush 1.8.13 ve ZopfliPNG 1.0.3'ten en iyi sonuç kullanılır. Aşağıdaki komut satırı seçenekleri kullanılır

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

ZopfliPNG:

zopflipng --lossy_transparent input.png output-candidate.png

Tüm filtrelerle birlikte ZopfliPNG:

zopflipng --iterations=500 --filters=01234mepb --lossy_8bit --lossy_transparent input.png output-candidate.png

Daha büyük kaynak resimlerden bazılarını yeniden ölçeklendirmek için (yalnızca görüntüleme amacıyla) ImageMagick aracının https://www.imagemagick.org adresinde bulabileceğiniz convert adlı yeni sürümünü kullandık. Tam komut satırı şöyleydi:

convert image.png -resize 240x image_resized.png

WebP kayıpsız sıkıştırma

PNG'yi kayıpsız WebP'ye dönüştürmek için cwebp aracında "kayıpsız" seçeneğini kullandık. Minimum çıkışı almak için tam olarak aşağıdaki gibi komut satırı kullanıldı:

cwebp input.png -lossless -m 6 -q 100 -o webp_lossless.webp

WebP kayıpsız oluşturma

Oluşturma işlemi için dwebp aracını kullanarak WebP kayıpsız resimleri tekrar PNG'ye dönüştürdük. Kullanılan komut satırı tam olarak şu şekildedir:

dwebp webp_lossless.webp -o output.png

WebP-lossy'ye sıkıştırma (alfa ile)

PNG'yi WebP-lossy'ye (alfa ile) dönüştürmek için cwebp aracını kullandık. WebP kalitesini 90 (kayıplı sıkıştırma) ve alfa kalitesini 100 (kayıpsız sıkıştırma) olarak belirledik. Kullanılan komut satırı tam olarak şu şekildedir:

cwebp input.png -q 90 -alpha_q 100 -m 6 -o webp_alpha.webp

WebP-kayıp oluşturma (alfa ile)

Oluşturma işlemi için dwebp aracını kullanarak WebP kayıplı (alfalı) resimleri tekrar PNG'ye dönüştürdük. Kullanılan komut satırı tam olarak şu şekildedir:

dwebp webp_alpha.webp -o output.png