Cara Tepat Memperkecil Ukuran Gambar: Ubah Resolusi Dulu, Baru Kompres

1. Urutan menentukan hasil

Kebanyakan orang langsung menurunkan pengaturan kualitas. Urutan yang efektif justru sebaliknya.

Ubah resolusi ke ukuran yang benar-benar ditampilkan

Pilih format yang tepat

Baru setelah itu atur nilai kualitas

Jika foto selebar 4000 px ditampilkan pada 800 px, 3200 px sisanya hanya menambah byte tanpa memberi apa pun yang terlihat. Memangkas lebar menjadi seperlima mengurangi jumlah piksel menjadi seperdua puluh lima. Tidak ada pengaturan kualitas yang memberi penghematan sebesar itu.

2. Lossy versus lossless

Lossless (PNG, WebP lossless): piksel asli dipulihkan persis. Cocok untuk tangkapan layar, diagram, dan gambar yang berisi teks.

Lossy (JPEG, WebP lossy, AVIF): membuang informasi yang paling tidak peka bagi mata. Cocok untuk foto.

Kompresi lossy tidak bisa dibatalkan. Menyimpan ulang JPEG akan menumpuk kerusakan di setiap generasi. Simpan file aslinya dan kompres salinannya.

3. Memilih format

| Format | Paling cocok untuk | Catatan |
|---|---|---|
| JPEG | Foto | Didukung di mana saja, tanpa transparansi |
| PNG | Tangkapan layar, logo, diagram | Lossless, transparansi, terlalu besar untuk foto |
| WebP | Sebagian besar gambar web | 25–35% lebih kecil dari JPEG, mendukung transparansi dan animasi |
| AVIF | Foto | Lebih kecil dari WebP, encoding lebih lambat |

Menyimpan tangkapan layar sebagai JPEG adalah kesalahan umum: tepi teks memunculkan artefak yang terlihat, dan ukuran filenya pun tidak jauh lebih kecil daripada PNG.

4. Seberapa jauh menurunkan kualitas

Untuk JPEG dan WebP, rentang 0.75–0.85 adalah titik keseimbangan yang praktis.

Di atas 0.9: file jauh lebih besar dengan manfaat yang nyaris tak terlihat

0.75–0.85: penurunan kualitas sulit dikenali di sebagian besar foto

Di bawah 0.6: muncul banding pada gradasi halus seperti langit atau kulit

Jawaban yang tepat berbeda untuk tiap gambar, jadi bandingkan secara visual pada ukuran tampilan sebenarnya.

5. Kompresi dan privasi

Foto dari ponsel menyimpan metadata EXIF: waktu pengambilan, model perangkat, dan — tergantung pengaturan — koordinat GPS. Mengunggah foto yang diambil di rumah bisa membocorkan lokasi Anda.

Kompresor yang menggambar ulang gambar lewat canvas umumnya membuang EXIF. Perilakunya berbeda antar alat, jadi periksa properti file hasil jika hal ini penting.

6. Dari sisi performa web

Gambar terbesar di sebuah halaman biasanya menjadi elemen LCP, artinya ukuran gambar adalah waktu muat yang dirasakan.

Siapkan paling banyak dua kali ukuran tampilan untuk layar berkerapatan tinggi.

Tambahkan loading="lazy" pada gambar yang berada di bawah layar pertama.

Atur width dan height untuk mencegah pergeseran tata letak (CLS).

7. Alat

Kompresor Gambar EVEDAYS mengompres dan mengonversi antara PNG, JPG, dan WebP di dalam browser. Karena tidak ada proses unggah, file tidak pernah terekspos selama pengiriman — meski ini tidak melindungi dari malware yang sudah ada di perangkat Anda.

8. Sumber

web.dev — Optimize images

MDN — Image file type and format guide