Galeri WebP

Halaman galeri ini paling baik dilihat 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 Format 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 yang dilihat saat mengklik thumbnail. Gambar WebP berukuran lebih kecil 30% daripada gambar JPEG.

JPEG

WEBP

"Nærøyfjorden, Norwegia - dari Breiskrednosi. Warisan Dunia UNESCO" 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 urutan "Parkrun" 3

Ukuran file JPEG: 297,05 KB
Gambar WebP
Ukuran file WebP: 198,38 KB
Gambar: "Bunga Cherry Liar (Prunus avium)" 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.

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
Diproduksi ulang 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. Pengarahan kursor mouse 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: "A Wild Cherry (Prunus avium) in flower"
Penulis Gambar: Benjamin Gimmel
Sumber PNG
Foto dilisensikan berdasarkan Creative Commons 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

Mereproduksi Gambar

Untuk reproduksi dan menunjukkan penggunaan beberapa parameter kompresi WebP, kami menjelaskan di sini langkah-langkah yang tepat saat 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 versinya adalah:

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 versinya adalah:

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 tanpa kehilangan kualitas ke format PNG hanya menggunakan:

convert in.jpg out.png

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

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

untuk menghasilkan kumpulan 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. Dengan demikian, 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 derau spasial juga diperkuat untuk beberapa gambar dengan menggunakan opsi -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 dengan ukuran file JPEG.

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