WebP Galerisi

Bu Galeri'nin İçeriği

Bu galeri sayfasının en iyi görünümü, WebP'yi destekleyen, Google Chrome, Opera ve diğerleri.

Google Chrome'a erişiminiz yoksa resimleri kullanmak üzere yerel sürücüye WebP'yi destekleyin.

JPEG, 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 doğal olarak destekleyen tarayıcılar olduğundan, artık WebP resimlerini kullanıma sunduğumuzda yaptığımız gibi bir PNG kapsayıcısına yerleştirmiyoruz. Resim tam olarak aynı olması gerekir. 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ı, görsellerin dosya boyutlarına karşılık gelir. küçük resimler tıklandığında görüntülenen sayfa sayısı. WebP resimleri, JPEG resimlerine kıyasla %30'dan 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
"Ekstremsportveko 2010'da Kayaker, Voss". ^2
JPEG dosya boyutu: 86,25 KB	WebP dosya boyutu: 59,18 KB
"Parkrun"un 10. karesi dizi ^3
JPEG dosya boyutu: 297,05 KB	WebP dosya boyutu: 198,38 KB
Resim: "Çiçekteki yabani kiraz (Prunus avium)" ^4
JPEG dosya boyutu: 251,03 KB	WebP dosya boyutu: 172,82 KB
Resim: Ateş püskürten "Jaipur Maharaja Brass Band" Chassepierre Belçika ^5
JPEG dosya boyutu: 120,78 KB	WebP dosya boyutu: 80,76 KB

Resimle İlgili Katkıda Bulunanlar

Bu sayfadaki resimler çeşitli kaynaklardan alınmıştır. Şu anda WebP'nin özelliklerini göstermek için etkileyici ve zengin resimler seçti.

Yukarıdaki resimlere ait jenerikler burada listelenmiştir.

1	"Nærøyfjorden, Norveç - Breiskrednosi'nden. UNESCO Dünya Mirası" Resim Yazarı: Kjetil Birkeland Moe Yazarın izniyle yeniden oluşturulmuştur. PNG kaynağı Yazarın JPEG ve WebP karşılaştırmasını içeren blog yayını. fare fareyle üzerine gelindiğinde örnekler etkinleştirilir.
2	"Ekstremsportveko 2010'da Kayaker, Voss" Resim Yazarı: Kjetil Birkeland Moe Yazarın izniyle yeniden oluşturulmuştur. PNG kaynağı Yazarın JPEG ve WebP karşılaştırmasını içeren blog yayını. fare fareyle üzerine gelindiğinde örnekler etkinleştirilir.
3	"Parkrun" sekansının 10. karesi Resim yapımcısı: Lars Haglund, SVT Sveriges Television AB Yapımcının izniyle çoğaltılmıştır PNG kaynağı
4	Görsel: "Çiçek açmış yabani kiraz (Prunus avium)" Görsel Yazarı: Benjamin Gimmel PNG kaynağı Fotoğraf, Creative Commons Attribution-Share Alike 3.0 Unported lisansı kapsamındadır.
5	Resim: Ateş püskürtme "Jaipur Maharaja Brass Band" Chassepierre, Belçika Yazar: Luc Via tour PNG kaynağı Fotoğraf, şu lisans kapsamındadır: Creative Commons Attribution-Share Alike 3.0 Taşımasız lisansı. Yazarın web sitesi: www.lucnix.be

Görüntüleri Çoğaltma

Tekrarlanabilirlik ve bazı WebP sıkıştırma parametrelerinin kullanımını göstermek için bu galerideki resimlerin oluşturulması sırasında uygulanan adımları burada tam olarak açıklıyoruz.

Araçlar

Kaynak resimleri dönüştürmek ve yeniden ölçeklendirmek için ImageMagick'in convert adlı aracının son sürümünü kullandık. Bu aracı https://www.imagemagick.org adresinden edinebilirsiniz. Sürüm bilgilerinde şu bilgiler yer alır:

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 8b sürümünü kullandık. Bu sürüme https://www.ijg.org/files/jpegsrc.v8b.tar.gz adresinden ulaşabilirsiniz.

Sürüm bilgisi şu şekildedir:

Independent JPEG Group's CJPEG, version 8b  16-May-2010
Copyright (C) 2010, Thomas G. Lane, Guido Vollbeding

Kaynak PNG Resimleri Oluşturma

İlk olarak, JPEG kaynakları yalnızca aşağıdakiler kullanılarak kayıpsız bir şekilde PNG biçimine dönüştürülür:

convert in.jpg out.png

Ardından, büyük kaynak resimler 1024 piksellik daha küçük bir genişliğe yeniden ölçeklendirilir. kullanabilirsiniz:

convert in.png -depth 16 -gamma 0.454545 -filter lanczos -resize 1024 -gamma 2.2 -depth 8 out.png

nihai kaynak PNG resim grubunu oluşturmak için.

JPEG Biçimine sıkıştırılıyor

JPEG'in kodlayıcısı (cjpeg), giriş görüntülerini PPM biçiminde alır. Bunları oluşturmak için convert'ü kullanırız. Bu durumda dönüşüm sırasının tamamı şu şekildedir:

convert in.png tmp.ppm
cjpeg -optimize -quality 80 -outfile out.jpg tmp.ppm

Bu kod, 80 kalite faktörüyle optimize edilmiş JPEG dosyaları oluşturur.

WebP biçiminde sıkıştırma

Optimize edilmiş JPEG dosyalarına kıyasla dosya boyutunda %30'luk bir azalma hedefledik. Bu nedenle, her resim için hedef boyutlarını açık bir şekilde belirledik. Ayrıca, her öğe için filtreleme gücünde geçici değerler resmin -f seçeneği sayesinde cwebp. Uzamsal gürültü şekillendirmenin genliği, bazı resimlerde -sns seçeneği kullanılarak da 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

Elde edilen WebP dosyaları, JPEG dosya boyutlarına kıyasla genel olarak %32 oranında tasarruf sağladı.

Bu sayfada kullanılan WebP küçük resimlerinin de %26 oranında daha küçük olduğunu unutmayın. (JPEG eşdeğerine kıyasla)