Galeri WebP

Halaman galeri ini dapat dilihat paling baik dengan browser yang mendukung WebP, seperti Google Chrome, Opera dan lainnya.

Jika Anda tidak memiliki akses ke Google Chrome, Anda dapat mengunduh gambar di {i>drive<i} lokal untuk digunakan dengan produk lain yang mendukung WebP.

Contoh File Gambar dalam JPEG dan WebP serta Sumber PNG

Tabel di bawah menunjukkan gambar JPEG yang diskalakan (di sebelah kiri) dan WebP (di sebelah kanan) berdampingan untuk perbandingan. Karena ada browser yang mendukung WebP secara native, kita tidak lagi menempatkan gambar WebP dalam container PNG seperti yang dilakukan saat peluncuran. Foto ukuran filenya tepat. Mengklik thumbnail JPEG dan WebP akan membuka gambar berukuran besar di tab baru

Ukuran file di bawah thumbnail sesuai dengan ukuran file gambar dilihat saat mengeklik thumbnail. Gambar WebP lebih dari 30% lebih kecil daripada JPEG.

JPEG

WEBP

"Nærøyfjorden, Norwegia - dari Breiskrednosi. Dunia UNESCO Warisan" 1

Ukuran file JPEG: 43,84 KB
Gambar WebP
Ukuran file WebP: 29,61 KB
"Kayaker di Ekstremsportveko 2010, Voss". 2

Ukuran file JPEG: 86,25 KB
Gambar WebP
Ukuran file WebP: 59,18 KB
Frame 10 dari "Parkrun" urutan 3

Ukuran file JPEG: 297,05 KB
Gambar WebP
Ukuran file WebP: 198,38 KB
Gambar: "Seri Liar (Prunus avium) dalam bunga" 4

Ukuran file JPEG: 251,03 KB
Gambar WebP
Ukuran file WebP: 172,82 KB
Gambar: Pernapasan api "Jaipur Maharaja Brass Band" Chassepierre Belgia 5

Ukuran file JPEG: 120,78 KB
Gambar WebP
Ukuran file WebP: 80,76 KB

Kredit Gambar

Gambar di halaman ini berasal dari sejumlah sumber yang berbeda. Kita memiliki memilih beberapa gambar yang menarik dan lengkap untuk menunjukkan kualitas WebP. Gambar klasik terkenal seperti Lena, Baboon, dll., yang sering digunakan saat melakukannya perbandingan kompresi, sayangnya tidak bebas dari hak cipta.

Kredit untuk gambar di atas dicantumkan di sini secara berurutan.

1 "Nærøyfjorden, Norwegia - dari Breiskrednosi. Warisan Dunia UNESCO"
Penulis Gambar: Kjetil Birkeland Moe
Direproduksi dengan izin penulis.
Sumber PNG
Postingan blog oleh penulis dengan perbandingan JPEG dan WebP. Tikus pengarahan kursor akan mengaktifkan contoh.
2 "Kayaker di Ekstremsportveko 2010, Voss"
Penulis Gambar: Kjetil Birkeland Moe
Direproduksi dengan izin penulis.
Sumber PNG
Postingan blog oleh penulis dengan perbandingan JPEG dan WebP. Tikus pengarahan kursor akan mengaktifkan contoh.
3 Frame 10 dari "Parkrun" urutan
Produser Gambar: Lars Haglund, SVT Sveriges Television AB
Direproduksi dengan izin produser
Sumber PNG
4 Gambar: "Sami Liar (Prunus avium) dalam bunga"
Penulis Gambar: Benjamin Gimmel
Sumber PNG
Foto dilisensikan berdasarkan Creative Commons Lisensi Attribution-Share Alike 3.0 Unported.
5 Gambar: Pernapasan api "Jaipur Maharaja Brass Band" Chassepierre Belgia
Penulis: Luc ViaTur
Sumber PNG
Foto dilisensikan berdasarkan Creative Commons Lisensi Attribution-Share Alike 3.0 Unported.
Situs penulis di www.lucnix.be

Reproduksi Gambar

Demi kemampuan reproduksi dan untuk menunjukkan penggunaan beberapa WebP parameter kompresi, kami menjelaskan di sini langkah-langkah yang tepat yang terlibat ketika membuat gambar di galeri ini.

Alat

Untuk mengonversi dan mengubah ukuran gambar sumber, kami menggunakan versi terbaru dari Alat ImageMagick bernama convert, tersedia di https://www.imagemagick.org. Informasi versi terbaca:

Version: ImageMagick 6.5.7-8 2010-12-02 Q16 https://www.imagemagick.org

Untuk kompresi JPEG, kami menggunakan enkode referensi IJG versi 8b, tersedia di https://www.ijg.org/files/jpegsrc.v8b.tar.gz.

Informasi versi terbaca:

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

Membuat Gambar PNG Sumber

Pertama, sumber JPEG dikonversi secara lossless ke format PNG dengan menggunakan:

convert in.jpg out.png

Kemudian, gambar sumber yang besar diskalakan ulang ke lebar yang lebih kecil, yaitu 1024 piksel menggunakan perintah berikut:

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

untuk menghasilkan rangkaian gambar PNG sumber akhir.

Mengompresi ke Format JPEG

Encoder JPEG (cjpeg) mengambil gambar input dalam format PPM. Kami menggunakan convert untuk membuatnya. Urutan konversi yang lengkap kemudian:

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

yang menghasilkan file JPEG yang dioptimalkan dengan faktor kualitas 80.

Mengompresi ke Format WebP

Kami menargetkan pengurangan ukuran file sebesar 30% dibandingkan dengan file JPEG yang dioptimalkan. Karena itu, kami secara eksplisit menentukan ukuran target untuk setiap gambar. Selain itu, kami menetapkan nilai ad-hoc untuk kekuatan pemfilteran untuk setiap gambar, berkat opsi -f dari alat cwebp. Amplitudo pembentukan kebisingan spasial juga diperkuat untuk beberapa gambar dengan menggunakan -sns. Command line yang sama persis dengan yang digunakan membaca:

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

Secara keseluruhan, file WebP yang dihasilkan memberikan penghematan global sebesar 32% dibandingkan ke ukuran file JPEG.

Perhatikan bahwa thumbnail WebP yang digunakan di halaman ini juga lebih kecil sebesar 26% dibandingkan JPEG-nya padanan.