Kompresi gambar adalah salah satu optimasi performa yang paling berdampak untuk pemilik website dan developer aplikasi. Halaman yang memuat dalam 1 detik mengonversi jauh lebih baik daripada halaman yang membutuhkan 4 detik. Gambar yang terlalu besar adalah penyebab paling umum halaman yang lambat. Skor Core Web Vitals Google, yang secara langsung memengaruhi peringkat pencarian, mengukur Largest Contentful Paint (LCP). Gambar hero besar yang tidak dikompres hampir selalu gagal dalam metrik ini.
Kompresi Lossy vs Lossless: Apa Bedanya?
Semua kompresi gambar terbagi dalam dua kategori. Kompresi lossless mengurangi ukuran file tanpa menghapus data piksel apa pun. Kompresi lossy secara permanen menghapus beberapa data gambar untuk mencapai tingkat kompresi yang jauh lebih tinggi. JPG dan WebP dalam mode lossy dapat mengurangi ukuran file 60–80% sambil tetap terlihat tidak dapat dibedakan dari aslinya pada pengaturan kualitas 75–85%.
Pengaturan Kualitas Mana yang Harus Digunakan?
- 85–95%: Hampir lossless, pengurangan ukuran minimal — untuk cetak atau pengarsipan
- 75–85%: Optimal untuk sebagian besar gambar web — keseimbangan kualitas/ukuran yang sangat baik
- 60–75%: Dapat diterima untuk thumbnail dan gambar non-prioritas
- Di bawah 60%: Artefak yang terlihat — hindari untuk foto produk atau portofolio
Alur Kerja Praktis untuk Gambar Web
- Mulai dengan file asli resolusi tinggi — jangan pernah mengompres gambar yang sudah dikompres
- Ubah ukuran ke dimensi tampilan maksimum sebelum mengompres
- Pilih format output: WebP untuk web modern, JPG untuk foto tanpa transparansi, PNG untuk gambar dengan transparansi
- Atur kualitas ke 80% dan pratinjau hasilnya
- Targetkan di bawah 200 KB untuk gambar above the fold, di bawah 500 KB untuk gambar hero besar