Konten Galeri ini
Halaman galeri ini sebaiknya dilihat dengan browser yang mendukung WebP, seperti Google Chrome, Opera dan lainnya.
Jika tidak memiliki akses ke Google Chrome, Anda dapat mendownload gambar di drive lokal untuk digunakan dengan produk lain yang mendukung WebP.
Contoh File Gambar dalam format JPEG dan WebP serta Sumber PNG
Tabel di bawah ini menunjukkan gambar JPEG (di sebelah kiri) dan WebP (di sebelah kanan) yang diskalakan secara berdampingan untuk perbandingan. Karena ada browser yang mendukung WebP secara native, kita tidak lagi menempatkan gambar WebP dalam container PNG seperti yang kita lakukan saat peluncuran. Ukuran file gambar tepat. Mengklik thumbnail JPEG dan WebP akan membuka gambar besar di tab baru
Ukuran file di bawah thumbnail sesuai dengan ukuran file gambar yang dilihat saat mengklik thumbnail. Gambar WebP lebih dari 30% lebih kecil 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 "Parkrun" urutan 3 | |
 Ukuran file JPEG: 297,05 KB |
 Ukuran file WebP: 198,38 KB |
| Gambar: "A Cherry Liar (Prunus avium) dalam bunga" 4 | |
 Ukuran file JPEG: 251,03 KB |
 Ukuran file WebP: 172,82 KB |
| Gambar: Fire bernapas "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. Kami telah memilih beberapa gambar menarik dan kaya untuk menampilkan kualitas WebP. Sayangnya, gambar klasik yang terkenal seperti Lena, Baboon, dll., yang sering digunakan saat melakukan perbandingan kompresi, 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. Kursor mouse 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. Kursor mouse 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) dalam bentuk bunga" Penulis Gambar: Benjamin Gimmel Sumber PNG Foto dilisensikan di bawah lisensi Creative Commons Attribution-Share Alike 3.0 Unported. |
| 5 |
Gambar: Fire bernapas "Jaipur Maharaja Brass Band" Chassepierre Belgia Penulis: Luc Viatur sumber PNG Foto dilisensikan di bawah lisensi Creative Commons Attribution-Share Alike 3.0 Unported. Situs penulis di www.lucnix.be |
Mereproduksi Gambar
Demi produktivitas dan untuk mendemonstrasikan penggunaan beberapa parameter kompresi WebP, kami menjelaskan langkah-langkah persis yang diperlukan saat membuat gambar di galeri ini di sini.
Alat
Untuk mengonversi dan mengubah skala gambar sumber, kami menggunakan versi terbaru
alat ImageMagick yang bernama convert, yang tersedia di https://www.imagemagick.org.
Informasi versi bertuliskan:
Version: ImageMagick 6.5.7-8 2010-12-02 Q16 https://www.imagemagick.org
Untuk kompresi JPEG, kami menggunakan encoder referensi IJG versi 8b, yang tersedia di https://www.ijg.org/files/jpegsrc.v8b.tar.gz.
Informasi versi bertuliskan:
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 nonstop ke format PNG hanya dengan menggunakan:
convert in.jpg out.png
Kemudian, gambar sumber besar diskalakan ulang ke 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 adalah:
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.
Oleh karena itu, kami secara eksplisit menentukan ukuran target untuk setiap gambar.
Selain itu, kami menyetel nilai ad-hoc untuk kekuatan pemfilteran setiap gambar, berkat opsi -f dari alat cwebp. Amplitudo pembentukan spasial spasial juga diperkuat untuk beberapa gambar dengan menggunakan opsi -sns. Baris perintah persis yang digunakan terbaca:
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 26% dibandingkan dengan thumbnail JPEG-nya.