Bu Galeri'nin İçeriği
Bu galeride, iki yeni WebP modunu sergilemek için bazı örnek resimler sunulmaktadır: Alfa ile WebP kayıpsız ve WebP kayıplı (şeffaflık desteği).
Yan Yana Karşılaştırma
Aşağıdaki tabloda PNG resimleri (pngcrush ve pngout ile sıkıştırılmış) sunulmaktadır. Alfa ile yan yana görüntülenmiş WebP kayıpsız resimler ve WebP kayıplı resimler isteyebilirsiniz. Resimler normalde olduğu gibi damalı bir arka plan üzerine yerleştirilir. yaptıklarını da gözler önüne serer.
Alfa ve alfa ile WebP kayıplı resimler için webp kalite 90'ı kullandığımıza varsayılan kalitedir. Görüntüleyin Görselleri yeniden oluşturma bölümüne göz atın.
Tarayıcılarda, yeniden PNG'ye dönüştürülmüş WebP resimlerini WebP'yi oluşturabilir. Uyumlu bir tarayıcınız varsa WebP dosyalarının bağlantılarını aşağıda bulabilirsiniz. Ayrıca, bu sayfadaki resimler küçültülmüştür. Tam boyutlu olarak görüntülemek için herhangi bir resmi tıklayın görüntüsüdür.
Tablo, her modda elde edilen resim boyutunu da gösterir.
PNG | WebP kayıpsız | WebP-kaybı (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-lossy (alfa ile) dosya boyutu: 17,7 KB |
| "kullanıcı sayfam için bebek tux" 2 | ||
 PNG için optimize edilmiş dosya boyutu: 38,1 KB |
 WebP kayıpsız dosya boyutu: 27,0 KB |
 WebP-lossy (alfa ile) 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-lossy (alfa ile) 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-lossy (alfa ile) 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-lossy (alfa ile) dosya boyutu: 57,3 KB |
WebP dosyalarına (Chrome 22 ve sonraki sürümlerde görüntülenebilir) bağlantılar şunlardır:
| "Sarı Gül": | WebP kayıpsız dosya (80,1 KB) | WebP-lossy (alfa ile) dosyası (18,4 KB) |
| "kullanıcı sayfam için bebek tux": | WebP kayıpsız dosya (27,0 KB) | WebP-lossy (alfa ile) dosyası (14,1 KB) |
| "PNG şeffaflık gösterimi": | WebP kayıpsız dosya (149,1 KB) | WebP-lossy (alfa ile) dosyası (52,6 KB) |
| "Gregor Mendel'in 189. Doğum Günü": | WebP kayıpsız dosya (33,3 KB) | WebP-lossy (alfa ile) dosyası (19,0 KB) |
| "Yer paylaşımları için şeffaf pusula kartı": | WebP kayıpsız dosya (97,1 KB) | WebP-lossy (alfa ile) dosyası (57,3 KB) |
Resimle İlgili Katkıda Bulunanlar
Bu sayfadaki görseller çeşitli kaynaklardan gelmektedir. Kredi yukarıdaki resimler burada sırayla listelenmiştir.
| 1 |
"Yüksek Çözünürlükte Ücretsiz Stok Fotoğraf - Sarı Gül 3 - Çiçekler" Resim Yazarı: Jon Sullivan Bu dosya kamu alanında. . JPEG kaynağı |
| 2 |
"kullanıcı sayfam için bebek tux" Resim Yazarı: Fizyplankton Bu dosya kamu alanında. . PNG kaynağı |
| 3 |
"PNG şeffaflık gösterimi" Görselin Yazarı: POV-Işını kaynak kodu Fotoğraf, şu lisans kapsamındadır: Creative Commons Attribution-Share Alike 3.0 Unported lisansı. . PNG kaynağı |
| 4 |
"Gregor Mendel'in 189. Doğum Günü" Resim Yazarı: Google Doodle ekibi Bu resim için Google Doodle ekibine teşekkür ederiz. . PNG kaynağı |
| 5 |
"Yer paylaşımları için şeffaf pusula kartı" Resmin Yazarı: Denelson83 Bu dosya şu lisans kapsamındadır: Creative Commons Attribution-Share Alike 3.0 Unported lisansı. . PNG kaynağı |
Görüntüleri Çoğaltma
Yeniden üretilebilirlik ve webP ya da üçüncü taraf kullanımlarının teknik sorunları çözmek için gereken resimleri oluşturuyoruz.
Araçlar
PNG yeniden sıkıştırması için pngcrush 1.8.13 ve ZopfliPNG 1.0.3 sürümünden en iyi sonuç bu düzenlemelerin nedenlerinden biri. 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 convert adlı son sürümünü şu adreste bulabilirsiniz:
https://www.imagemagick.org. Komut satırı tam olarak aşağıdaki gibiydi:
convert image.png -resize 240x image_resized.png
WebP kayıpsız olarak sıkıştırma
‘Kayıpsız’ cwebp aracında PNG'yi WebP'ye dönüştürme seçeneği ne kadar önemli? Minimum çıkış elde etmek için tam olarak şu komut satırı kullanıldı: şu şekilde:
cwebp input.png -lossless -m 6 -q 100 -o webp_lossless.webp
WebP kayıpsız oluşturma
Oluşturma 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 şekildeydi:
dwebp webp_lossless.webp -o output.png
WebP kaybına sıkıştırılıyor (alfa ile)
PNG'yi WebP kayıplı'ya (alfa ile) dönüştürmek için cwebp aracını kullandık. Seçtik WebP kalitesi 90 (kayıplı sıkıştırma) ve alfa kalitesi 100 (kayıpsız) ). Kullanılan komut satırı tam olarak şu şekildeydi:
cwebp input.png -q 90 -alpha_q 100 -m 6 -o webp_alpha.webp
WebP kayıplı oluşturma (alfa ile)
için dwebp aracını kullanarak WebP kayıplı (alfa içeren) resimleri tekrar PNG'ye dönüştürdük. oluşturma. Kullanılan komut satırı tam olarak şu şekildeydi:
dwebp webp_alpha.webp -o output.png