WebP Galerisi

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 Resmi
WebP dosya boyutu: 29,61 KB
"Kayaker Ekstremsportveko 2010, Voss". 2

JPEG dosya boyutu: 86,25 KB
WebP Resmi
WebP dosya boyutu: 59,18 KB
"Parkrun" dizisinin 10. karesi 3

JPEG dosya boyutu: 297,05 KB
WebP Resmi
WebP dosya boyutu: 198,38 KB
Resim: "Çiçek içinde yabani kiraz (Prunus avium)" 4

JPEG dosya boyutu: 251,03 KB
WebP Resmi
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 Resmi
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.