Digital Transformation
WebP (Format Gambar Web)
WebP adalah format gambar dari Google yang menghasilkan ukuran file 25-35% lebih kecil dibanding JPEG pada kualitas visual setara, dan mendukung transparansi seperti PNG.
TL;DR: WebP adalah format gambar modern yang dikembangkan Google sebagai pengganti JPEG dan PNG. Pada kualitas visual setara, WebP umumnya 25-35% lebih kecil dari JPEG, sehingga halaman dengan banyak gambar produk atau hero image jadi lebih cepat dimuat.
Apa itu WebP?
WebP adalah format gambar yang dirilis Google pada 2010 dan mendukung kompresi lossy maupun lossless, animasi, dan transparansi. Browser pengguna men-decode WebP secara native sejak Chrome 32, Firefox 65, Safari 14, dan Edge 18. Untuk konteks pengiriman gambar yang efisien, WebP biasanya dipasangkan dengan teknik lazy loading dan dilayani lewat [Image CDN](/glosarium/image-cdn) yang otomatis memilih format paling ringan untuk tiap browser.
WebP vs JPEG vs PNG vs AVIF
| Format | Tahun rilis | Lossy | Lossless | Transparansi | Animasi | Ukuran relatif |
|---|---|---|---|---|---|---|
| JPEG | 1992 | Ya | Tidak | Tidak | Tidak | 100% (baseline) |
| PNG | 1996 | Tidak | Ya | Ya | Tidak | 200-300% |
| WebP | 2010 | Ya | Ya | Ya | Ya | 65-75% dari JPEG |
| AVIF | 2019 | Ya | Ya | Ya | Ya | 50-60% dari JPEG |
WebP adalah pilihan aman untuk mayoritas use case di 2026. AVIF lebih kecil tapi waktu encoding lebih lambat dan beberapa tools editing belum mendukung native.
Kenapa Penting?
Gambar sering jadi kontributor terbesar untuk metrik [LCP](/glosarium/lcp). Pada landing page e-commerce yang saya tangani, mengganti JPEG hero image 280 KB menjadi WebP 180 KB menurunkan LCP dari 3.1 detik ke 2.4 detik di koneksi 4G, tanpa kehilangan kualitas visual. Untuk pengguna mobile di luar Jakarta, perbedaan 100 KB bisa berarti selisih satu detik atau lebih. Praktik standar di industri sekarang adalah serve WebP via <picture> element atau biarkan CDN menangani negosiasi format. Lihat juga panduan WebP di web.dev.
Pertanyaan Umum
Apakah semua browser mendukung WebP?
Per 2026, dukungan WebP sudah lebih dari 96% browser global. Untuk fallback ke JPEG, gunakan tag <picture> dengan dua <source>.
Apakah saya perlu menyimpan gambar dalam format WebP saja?
Tidak wajib. Banyak tim menyimpan master gambar dalam format lossless (PNG atau TIFF) lalu generate WebP otomatis saat deploy via build pipeline atau CDN.
Istilah Terkait