WebP

TL;DR: WebP adalah format gambar dari Google yang menghasilkan ukuran file lebih kecil daripada JPEG dan PNG pada kualitas visual setara, umumnya 25-35% lebih ringan. Format ini didukung hampir semua browser modern dan menjadi pilihan default untuk mempercepat loading halaman web.

Salah satu penyebab halaman lambat yang paling sering saya temui saat audit website client adalah gambar yang tidak dioptimasi. Foto produk diunggah apa adanya dalam format JPEG berukuran 800 KB, padahal versi WebP-nya bisa di bawah 300 KB tanpa perbedaan kualitas yang terlihat mata.

Apa itu WebP?

WebP adalah format gambar yang dikembangkan Google sejak 2010 untuk menggantikan JPEG dan PNG di web. Format ini mendukung kompresi lossy (seperti JPEG) maupun lossless (seperti PNG), plus transparansi dan animasi. Keunggulan utamanya: ukuran file lebih kecil pada kualitas yang setara, yang langsung berdampak pada Largest Contentful Paint dan skor Core Web Vitals.

WebP vs JPEG vs PNG

Untuk foto, WebP lossy mengalahkan JPEG. Untuk grafik dengan transparansi, WebP lossless lebih ringan daripada PNG.

Kenapa Penting?

Untuk bisnis di Indonesia dengan banyak pengguna mobile dan koneksi tidak selalu stabil, ukuran gambar yang lebih kecil berarti halaman terbuka lebih cepat dan bounce rate turun. Praktik standar yang saya pakai di proyek client adalah menyajikan WebP dengan fallback otomatis, sehingga browser lama tetap mendapat JPEG. Framework modern seperti Next.js sudah menangani konversi ini lewat komponen gambar bawaan. Detail dukungan format bisa dicek di dokumentasi Google Developers tentang WebP.

Pertanyaan Umum

Apakah WebP menurunkan kualitas gambar?

Tidak secara signifikan. Pada pengaturan kualitas yang wajar, perbedaan dengan JPEG sulit dibedakan mata, sementara ukuran file jauh lebih kecil.

Apakah WebP sudah didukung semua browser?

Hampir semua browser modern mendukungnya. Untuk browser sangat lama, sediakan fallback JPEG atau PNG melalui elemen picture.