Konten Galeri ini
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 |
 Ukuran file WebP: 29,61 KB |
| "Kayaker di Ekstremsportveko 2010, Voss". 2 | |
 Ukuran file JPEG: 86,25 KB |
 Ukuran file WebP: 59,18 KB |
| Frame 10 dari urutan "Parkrun" 3 | |
 Ukuran file JPEG: 297,05 KB |
 Ukuran file WebP: 198,38 KB |
| Gambar: "Bunga Cherry Liar (Prunus avium)" 4 | |
 Ukuran file JPEG: 251,03 KB |
 Ukuran file WebP: 172,82 KB |
| Gambar: Pernapasan api "Jaipur Maharaja Brass Band" Chassepierre Belgia 5 | |
 Ukuran file JPEG: 120,78 KB |
 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.