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)