Peringkat 1 - WEPB. Sebagai aturan umum, untuk gambar "standar", non-vektor, format gambar terkecil yang didukung oleh semua browser modern utama adalah format WEBP generasi berikutnya - yang mampu mengurangi ukuran file gambar hingga 30% lebih banyak dari JPEG (dengan tetap mempertahankan indeks kualitas SSIM yang sama), dan sebesar 90% lebih dari gambar PNG sambil tetap mempertahankan penampilan berkualitas tinggi yang sebanding.

Peringkat 2 - Format gambar JPEG berada di antara WEBP dan PNG dalam hal kompresi ukuran file

Peringkat 3 - PNG umumnya menghasilkan ukuran file terbesar. Tentu saja ada pengecualian tergantung kondisi setiap gambar.

Ukuran (dan kualitas) gambar relatif antara format gambar PNG, JPEG, dan WEBP:

Di balik Kompresi Gambar

Ingin mempelajari lebih lanjut tentang kompresi? Silakan periksa bagian berikut untuk detail lebih lanjut:

• Di Balik Kompresi PNG
• Di Balik Kompresi JPEG
• Di Balik Kompresi GIF

Di Balik Konversi Gambar

Ingin belajar lebih lanjut tentang kapan, mengapa, dan bagaimana mengkonversi antarformat gambar yang berbeda? Silakan periksa bagian berikut untuk detail lebih lanjut:

• PNG vs JPEG - Kualitas vs Kompresi
• JPEG vs WEBP - Universal vs Next-Gen

1. Seret dan letakkan gambar PNG Anda di halaman, lalu pilih Convert image(s) into JPEG
2. Gambar PNG Anda akan langsung dikonversi sekaligus menjadi JPEG yang dioptimalkan, yang berakibat pada pengurangan ukuran yang cukup besar.
3. Seringkali, gambar PNG yang dikonversi menjadi JPEG akan berukuran 90% lebih kecil.

Ada beberapa kasus khusus ketika lebih baik menggunakan JPEG atau PNG, tergantung kebutuhan Anda.

Gambar JPEG mengandung data kompresi yang mudah hilang, yang berarti bahwa beberapa data gambar mungkin hilang untuk mencapai tingkat kompresi yang lebih tinggi. Akibatnya, kualitas gambar mungkin menurun.

Kapan sebaiknya JPEG digunakan

Format JPEG sangat cocok untuk foto, dan gambar "dunia nyata" karena mampu memberikan tingkat kompresi data yang sangat tinggi, sementara mata manusia masih tidak mampu merasakan kebisingan yang disebabkan oleh hilangnya data.

Kapan sebaiknya PNG digunakan

PNG di sisi lain, mampu dilakukan kompresi tanpa kehilangan data dan lebih cocok untuk:

• Kompresi gambar ikon kecil (untuk gambar 64 piksel PNG sebenarnya kompres lebih baik daripada JPEG pada skala ini), atau
• Tangkapan layar, gambar ilustrasi, bagan, atau gambar lain yang kualitas gambar dan pengurangan bising lebih penting daripada ukurannya.

Ilustrasi bising yang terlihat yang diperkenalkan oleh kompresi JPEG yang mudah kehilangan informasi vs kompresi PNG yang tidak:

Setiap kali pengurangan ukuran file gambar menjadi pertimbangan penting, misalnya, gambar pada halaman web, Anda harus selalu mempertimbangkan konversi PNG ke JPEG (atau WEBP).

Waktu memuat penting untuk UX dan SEO, dan gambar mengambil rata-rata 50% dari total berat halaman web, menempati porsi signifikan dari waktu buka halaman. Semakin cepat situs, semakin banyak pengguna Anda akan berinteraksi dengannya, semakin mudah diindeks, dan semakin tinggi peringkatnya di Google.

1. Seret dan jatuhkan gambar JPEG (atau PNG) Anda pada halaman dan gambar akan langsung dikonversi ke WEPB yang dioptimalkan, dengan ukuran yang lebih kecil.
2. Seringkali, gambar yang dikonversi menjadi WEBP akan mengalami kompresi semaksimal mungkin tanpa kehilangan kualitas gambar.

Di hampir semua metrik yang penting di web, WEBP adalah format gambar yang unggul untuk JPEG:

1. WEBP menawarkan rasio kualitas-terhadap-ukuran yang jauh lebih baik dengan kompresi ukuran file sekitar 30% lebih baik dari JPEG.
2. Tidak hanya mengompresi ukuran file jauh lebih kecil dari JPEG, WEBP juga menawarkan kualitas visual yang identik dengan JPEG.
3. WEBP mendukung animasi - JPEG tidak.
4. WEBP mendukung transparansi alfa - JPEG tidak.
5. WEBP mendukung pemuatan progresif - seperti halnya JPEG.
6. WEBP didukung oleh semua peramban modern utama.
7. WEBP mendukung kompresi gambar tanpa maupun dengan kehilangan data - sementara kompresi JPEG selalu kehilangan data.

Format gambar WEBP dikembangkan oleh google, dan walaupun sudah berusia beberapa tahun, masih dianggap sebagai format gambar generasi-jauh yang lebih unggul, untuk web. Namun, ada beberapa peringatan, khususnya untuk penggunaan non-web:

1. Sebagai format gambar yang jauh lebih baru daripada format JPEG yang sudah mapan, WEBP belum didukung oleh Microsoft Office, dan banyak aplikasi desktop lain yang banyak beredar.
2. JPEG adalah format gambar yang lebih banyak ditemukan di mana-mana, dan secara virtual menjamin dukungan di berbagai aplikasi dan platform.

WEBP menawarkan banyak keunggulan dibandingkan JPEG:

1. kompresi unggul
2. mendukung transparansi alfa
3. mendukung animasi

Contoh animasi WEBP dan fitur transparansi alpha: