Bu Galeri'nin İçeriği
Bu galeri sayfası en iyi, Google Chrome, Opera ve diğerleri gibi WebP'yi destekleyen bir tarayıcıyla görüntülenir.
Google Chrome'a erişiminiz yoksa yerel sürücünüzdeki resimleri WebP'yi destekleyen diğer ürünlerle kullanmak üzere indirebilirsiniz.
JPEG ve WebP ve PNG Kaynağında Örnek Resim Dosyaları
Aşağıdaki tabloda, ölçeklendirilmiş JPEG (solda) ve WebP resimleri (sağda) karşılaştırma için yan yana gösterilmektedir. WebP'yi yerel olarak destekleyen tarayıcılar olduğundan, artık WebP resimlerini başlangıçta yaptığımız gibi bir PNG kapsayıcısına yerleştirmiyoruz. Resim dosyası boyutları tamdır. JPEG ve WebP küçük resimlerini tıkladığınızda büyük resimler yeni bir sekmede açılır
Küçük resimlerin altındaki dosya boyutları, küçük resimler tıklandığında görüntülenen resimlerin dosya boyutlarına karşılık gelir. WebP resimleri, JPEG olanlardan% 30 daha küçüktür.
JPEG | WEBP |
---|---|
"Nærøyfjorden, Norveç - Breiskrednosi'den. UNESCO Dünya Mirası" 1 | |
JPEG dosya boyutu: 43,84 KB |
WebP dosya boyutu: 29,61 KB |
"Kayaker Ekstremsportveko 2010, Voss". 2 | |
JPEG dosya boyutu: 86,25 KB |
WebP dosya boyutu: 59,18 KB |
"Parkrun" dizisinin 10. karesi 3 | |
JPEG dosya boyutu: 297,05 KB |
WebP dosya boyutu: 198,38 KB |
Resim: "Çiçek içinde yabani kiraz (Prunus avium)" 4 | |
JPEG dosya boyutu: 251,03 KB |
WebP dosya boyutu: 172,82 KB |
Resim: "Jaipur Maharaja Bando" Chassepierre Belçika'da ateş püskürtme 5 | |
JPEG dosya boyutu: 120,78 KB |
WebP dosya boyutu: 80,76 KB |
Resimle İlgili Katkıda Bulunanlar
Bu sayfadaki görseller çeşitli kaynaklardan gelmektedir. WebP'nin niteliklerini göstermek için ilgi çekici ve zengin resimler seçtik. Sıkıştırılmış sürüm karşılaştırmalarında sıklıkla kullanılan Lena ve Babun gibi ünlü klasik görüntülerin telif hakkı ne yazık ki telifsiz değildir.
Yukarıdaki resimlerle ilgili katkıda bulunanlar, burada sırayla listelenmiştir.
1 |
"Nærøyfjorden, Norveç - Breiskrednosi'den. UNESCO Dünya Mirası" Görselin Yazarı: Kjetil Birkeland Moe Yazarın izniyle çoğaltılmıştır. PNG kaynağı JPEG ve WebP'nin karşılaştırıldığı, yazarın blog yayını. Fareyle üzerine gelindiğinde örnekler etkinleştirilir. |
2 |
"Kayaker, Ekstremsportveko 2010, Voss" Görselin Yazarı: Kjetil Birkeland Moe Yazarın izniyle çoğaltılmıştır. PNG kaynağı JPEG ve WebP'nin karşılaştırıldığı, yazarın blog yayını. Fareyle üzerine gelindiğinde örnekler etkinleştirilir. |
3 |
"Parkrun" dizisinin 10. karesi Görüntü Yapımcısı: Lars Haglund, SVT Sveriges Television AB Yapımcının izniyle çoğaltılmıştır PNG kaynağı |
4 |
Resim: "Çiçekte Vahşi Kiraz (Prunus avium)" Görseli yazan: Benjamin Gimmel PNG kaynağı Fotoğraf Creative Commons Atıf-Aynen Paylaşım 3.0 Taşınmamış lisansı kapsamında lisanslanmıştır. |
5 |
Resim: "Jaipur Maharaja Pirinç Bandı" Chassepierre Belçika'da ateş püskürtme Yazarın web sitesi: www.lucnix.be |
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
Kaynak resimleri dönüştürmek ve yeniden ölçeklendirmek için ImageMagick aracının https://www.imagemagick.org adresinde bulunan convert
adlı yeni sürümünü kullandık.
Sürüm bilgileri şu şekildedir:
Version: ImageMagick 6.5.7-8 2010-12-02 Q16 https://www.imagemagick.org
JPEG sıkıştırması için IJG'nin referans kodlayıcısının https://www.ijg.org/files/jpegsrc.v8b.tar.gz adresinde bulunan 8b sürümünü kullandık.
Sürüm bilgileri şu şekildedir:
Independent JPEG Group's CJPEG, version 8b 16-May-2010
Copyright (C) 2010, Thomas G. Lane, Guido Vollbeding
Kaynak PNG Resimlerini Oluşturma
İlk olarak, JPEG kaynakları sadece şunlar kullanılarak kayıpsız bir şekilde PNG biçimine dönüştürülür:
convert in.jpg out.png
Daha sonra, büyük kaynak resimler aşağıdaki komut kullanılarak daha küçük bir 1.024 piksel genişliğinde yeniden ölçeklendirilir:
convert in.png -depth 16 -gamma 0.454545 -filter lanczos -resize 1024 -gamma 2.2 -depth 8 out.png
elde edilir.
JPEG Biçiminde Sıkıştırılıyor
JPEG kodlayıcı (cjpeg
), giriş resimlerini PPM biçiminde alır. Bunları oluşturmak için convert
kullanırız. Bu durumda dönüşüm dizisinin tamamı şöyle olur:
convert in.png tmp.ppm
cjpeg -optimize -quality 80 -outfile out.jpg tmp.ppm
80 kalite faktörüne sahip optimize edilmiş JPEG dosyaları üretir.
WebP Biçimine Sıkıştırma
Optimize edilmiş JPEG dosyalarına kıyasla dosya boyutunu% 30 küçültmeyi hedefledik.
Bu nedenle, her resim için hedef boyutlarını açıkça belirledik.
Ayrıca, cwebp
aracının -f
seçeneği sayesinde her resim için filtreleme gücü için anlık değerler belirliyoruz. Uzamsal gürültü şekillendirmenin genliği de -sns
seçeneği kullanılarak bazı resimlerde güçlendirilir. Kullanılan komut satırları tam olarak şu şekildedir:
cwebp -m 6 -f 50 -size 31500 1.png -o 1.webp
cwebp -m 6 -f 20 -sns 100 -size 62000 2.png -o 2.webp
cwebp -m 6 -sns 90 -size 213000 3.png -o 3.webp
cwebp -m 6 -f 40 -size 181000 4.png -o 4.webp
cwebp -m 6 -f 40 -size 89000 5.png -o 5.webp
Sonuçta, sonuçta ortaya çıkan WebP dosyaları, JPEG dosya boyutlarına kıyasla% 32 küresel tasarruf sağladı.
Bu sayfada kullanılan WebP küçük resimlerinin de JPEG eşdeğerlerine kıyasla %26 daha küçük olduğunu unutmayın.