Bu Galeri'nin İçeriği
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 dosya boyutu: 79,9 KB |
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 dosya boyutu: 27,0 KB |
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 dosya boyutu: 149,0 KB |
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 dosya boyutu: 33,2 KB |
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 dosya boyutu: 97,1 KB |
WebP-kayıp (alfa) dosya boyutu: 57,3 KB |
WebP dosyalarının (Chrome 22 ve sonraki sürümlerinde görüntülenebilir) bağlantıları şu şekildedir:
"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