Cara Kompres Gambar untuk Web (Tanpa Merusak Kualitas)

Mengapa Kompresi Gambar Penting

Angkanya jelas:

• 53% pengguna seluler meninggalkan halaman yang butuh lebih dari 3 detik untuk dimuat (Google)
• Setiap 100ms percepatan waktu muat menaikkan konversi sebesar 1% (Deloitte)
• Core Web Vitals langsung memengaruhi peringkat Google - LCP (Largest Contentful Paint) hampir selalu berupa gambar
• Rata-rata halaman web menyajikan 1,5 MB gambar - sebagian besar belum dioptimasi

Daftar Periksa Kompresi Gambar

1. Pilih format yang tepat: WebP untuk web, JPG untuk foto, PNG hanya jika butuh transparansi dan tidak bisa memakai WebP
2. Ubah ukuran dulu: Jangan sajikan gambar 4000px di kontainer 800px. Ubah ukuran gambar sesuai ukuran tampil (atau 2x untuk retina).
3. Kompres: Gunakan kualitas 75-85 untuk format lossy. Kebanyakan pengguna tidak bisa melihat bedanya.
4. Gunakan WebP: Konversi ke WebP untuk pengurangan instan 25-35%.
5. Lazy load: Tambahkan loading="lazy" pada gambar di bawah lipatan layar.
6. Tentukan dimensi: Selalu sertakan atribut width dan height untuk mencegah pergeseran tata letak.

Alat Kompresi Gambar Gratis

Berbasis Browser (Tanpa Unggah)

• WebP Buddy Kompresi Pintar: Otomatis menemukan pengaturan kualitas optimal. Berjalan sepenuhnya di browser - gambar Anda tidak pernah keluar dari perangkat.
• Kompres WebP: Kontrol kualitas manual untuk gambar WebP.
• Konversi Massal: Konversi dan kompres banyak gambar sekaligus.

Command Line

# Convert and compress with cwebp
cwebp -q 80 photo.jpg -o photo.webp

# Compress existing WebP
cwebp -q 75 image.webp -o image-compressed.webp

# Batch convert a folder
for f in *.jpg; do cwebp -q 80 "$f" -o "${f%.jpg}.webp"; done

Contekan Pengaturan Kualitas

Pertanyaan yang Sering Diajukan