Tool SEO gratis
Kompresor gambar ke WebP
Pilih gambar JPG atau PNG Anda, dapatkan versi WebP yang jauh lebih ringan. Semuanya diproses di dalam browser Anda — file tidak pernah diunggah ke mana pun, jadi aman dipakai untuk materi yang belum diluncurkan.
Berjalan sepenuhnya di browser Anda — tidak ada data yang dikirim ke server kamiSeret file ke sini, atau
File tidak diunggah ke mana pun — semuanya diproses di komputer Anda.
80–85 untuk foto, 90+ untuk logo dan gambar bergaris.
Kalau diisi, file akan dinamai nama-1.webp, nama-2.webp, dan seterusnya.
- —Gambar diproses
- —Ukuran awal
- —Ukuran WebP
- —Penghematan
Panduan
Gambar ringan itu penting — tapi bukan segalanya.
Mengecilkan gambar adalah perbaikan kecepatan yang paling mudah dikerjakan. Sayangnya, sering juga yang paling dilebih-lebihkan.
Pada situs WordPress yang lambat, gambar memang sering jadi penyebab utama. Tetapi pada toko Shopify dan Magento yang kami audit, penyebab terbesar Largest Contentful Paint yang buruk hampir selalu waktu tunggu server dan tumpukan JavaScript dari aplikasi pihak ketiga. Mengompres gambar dari 2 MB ke 200 KB tetap layak dilakukan — tapi kalau server butuh 2 detik sebelum mengirim byte pertama, skornya tidak akan hijau.
Setelah dikompres, jangan lupa empat hal ini
- Pasang atribut width dan height yang sesuai ukuran asli file. Ini mencegah layout shift — salah satu Core Web Vitals.
- Tulis alt yang deskriptif. Berguna untuk pembaca layar sekaligus Google Images.
- Pakai loading="lazy" untuk gambar di bawah lipatan, dan fetchpriority="high" untuk gambar utama di bagian atas.
- Beri nama file yang mengandung kata kunci. IMG_4821.webp tidak memberi tahu Google apa pun.
| Jenis gambar | Kualitas | Lebar maksimum |
|---|---|---|
| Foto hero / banner | 82–85 | 1600–2000 px |
| Foto produk | 82–88 | 1200–1600 px |
| Gambar dalam artikel | 78–82 | 1200 px |
| Thumbnail | 70–78 | 400–600 px |
| Logo & ikon | 90–100 | ukuran asli |
Untuk logo dan ikon bergaris tajam, format SVG hampir selalu lebih baik daripada WebP — ukurannya lebih kecil dan tetap tajam di semua resolusi.
Pertanyaan umum
Pertanyaan umum tentang kompresor gambar ke webp.
Kenapa harus WebP, bukan JPG?
WebP umumnya menghasilkan file 25–35% lebih kecil daripada JPG pada kualitas visual yang setara, dan jauh lebih kecil dibanding PNG untuk gambar berwarna banyak. Ukuran gambar berpengaruh langsung pada Largest Contentful Paint, salah satu dari tiga Core Web Vitals yang dipakai Google. WebP juga mendukung transparansi seperti PNG, sehingga bisa menggantikan keduanya.
Apakah semua browser mendukung WebP?
Ya, semua browser modern — Chrome, Firefox, Safari, dan Edge — sudah mendukungnya bertahun-tahun. Kalau Anda masih melayani pengunjung dengan browser sangat lama, pakai elemen <picture> dengan WebP sebagai sumber utama dan JPG sebagai cadangan. Untuk sebagian besar situs di Indonesia hari ini, hal itu sudah tidak diperlukan.
Kualitas berapa yang sebaiknya dipakai?
80–85 cocok untuk hampir semua foto — hemat besar, selisih visualnya sulit dilihat. Turunkan ke 70 untuk gambar latar atau thumbnail. Untuk logo dan gambar bergaris tajam, naikkan ke 90 atau lebih, karena kompresi tinggi membuat tepi garis tampak kotor. Bandingkan sendiri: tool ini menampilkan ukuran sebelum dan sesudah untuk setiap file.
Apakah nama file gambar berpengaruh untuk SEO?
Ya, meski pengaruhnya kecil. Google membaca nama file sebagai petunjuk isi gambar, jadi jasa-seo-jakarta.webp lebih berguna daripada IMG_4821.webp. Yang jauh lebih berpengaruh adalah alt text serta atribut width dan height — yang terakhir mencegah layout shift, salah satu Core Web Vitals.
Apakah gambar saya diunggah ke server Anda?
Tidak, dan ini bukan sekadar janji. Konversi memakai Canvas API di browser Anda; tidak ada satu pun permintaan jaringan yang dikirim. Anda bisa memutus koneksi internet setelah halaman terbuka dan tool ini tetap bekerja. Silakan buka tab Network di developer tools untuk memastikannya sendiri. Ini penting untuk materi produk yang belum diluncurkan atau foto klien.
Tool lainnya
Tool SEO gratis lain dari kami.
Gambar sudah ringan, tapi skor PageSpeed masih merah?
Gambar hanya salah satu penyebab. Pada sebagian besar toko online yang kami audit, penyebab utamanya adalah waktu tunggu server dan tumpukan aplikasi pihak ketiga — bukan ukuran gambar.