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) gösterilmektedir yan yana görebilirsiniz. WebP'yi yerel olarak destekleyen tarayıcılar var olduğu için artık lansmanda yaptığımız gibi WebP görüntülerini PNG kapsayıcılarına yerleştiremiyoruz. Resim tam olarak aynı olması gerekir. JPEG ve WebP küçük resimlerini tıkladığınızda yeni sekmede büyük resimler

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% 30'dan daha küçüktür çok daha kolay oluyor.

JPEG	WEBP
"Nærøyfjorden, Norveç - Breiskrednosi'den. UNESCO Dünyası 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ürtme "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 görseller çeşitli kaynaklardan gelmektedir. Şu anda WebP'nin özelliklerini göstermek için etkileyici ve zengin resimler seçti. Lena ve Babun gibi meşhur klasik resimler genellikle bu tür resimlerle karşılaştırmaları, maalesef telif hakkı içermez.

Yukarıdaki resimlere ait jenerikler burada sırayla listelenmiştir.

1	"Nærøyfjorden, Norveç - Breiskrednosi'den. UNESCO Dünya Mirası" Resim Yazarı: Kjetil Birkeland Moe Yazarın izniyle yeniden oluşturulmuştur. . PNG kaynağı JPEG ve WebP'nin karşılaştırıldığı yazarın 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ğı JPEG ve WebP'nin karşılaştırıldığı yazarın blog yayını. fare fareyle üzerine gelindiğinde örnekler etkinleştirilir.
3	"Parkrun"un 10. karesi dizi Görüntü Yapımcısı: Lars Haglund, SVT Sveriges Television AB Üreticinin izniyle yeniden oluşturuldu PNG kaynağı
4	Resim: "Çiçekteki yabani kiraz (Prunus avium)" Resmin Yazarı: Benjamin Gimmel PNG kaynağı Fotoğraf, şu lisans kapsamındadır: Creative Commons Attribution-Share Alike 3.0 Taşımasız lisansı.
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ı. . www.lucnix.be adresindeki yazar web sitesi

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

Kaynak resimleri dönüştürmek ve yeniden ölçeklendirmek için ImageMagick'in https://www.imagemagick.org adresinden erişilebilen convert adlı aracı. Sürüm bilgisi ş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 8b sürümünü kullandık. https://www.ijg.org/files/jpegsrc.v8b.tar.gz adresinde mevcuttur.

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

kullanarak nihai kaynak PNG resim grubunu oluşturabilirsiniz.

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. convert ürününü şu amaçlarla kullanırız: oluşturabilirsiniz. Bu durumda dönüşüm dizisinin tamamı şöyle olur:

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ç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 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ü şekillendirme de -sns seçeneği. 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 ortaya çıkan WebP dosyaları, dünya genelinde karşılaştırıldığında% 32 oranında JPEG dosya boyutlarına bakalım.

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