Cara menggunakan Kompres Gambar
- Seret satu atau beberapa gambar ke kotak (atau klik untuk memilih, atau tempel tangkapan layar). Tidak ada yang diunggah, kompresi berjalan di browser kamu.
- Pilih format output: pertahankan format asli, atau konversi ke WebP untuk rasio ukuran dan kualitas terbaik.
- Atur kualitas (sekitar 75–80 cocok untuk sebagian besar foto) dan opsional atur lebar maksimum, misalnya 1920 px untuk gambar hero selebar layar.
- Periksa penghematan di setiap file dan geser pembagi sebelum/sesudah untuk memastikan tidak ada penurunan kualitas yang terlihat.
- Unduh file satu per satu atau klik Unduh semua (ZIP).
Apa itu kompresor gambar?
Kompresor gambar mengenkode ulang sebuah gambar agar file-nya memakai lebih sedikit byte, tetapi tampilannya hampir sama. Gambar biasanya menjadi bagian paling berat dari sebuah halaman web, sehingga mengompresnya adalah salah satu cara tercepat untuk mempercepat waktu muat dan meningkatkan Core Web Vitals seperti Largest Contentful Paint (LCP). Alat ini mendekode setiap gambar, opsional memperkecil ukurannya, lalu mengenkodenya ulang dengan format dan kualitas yang kamu pilih, sepenuhnya di browser menggunakan Canvas API, jadi foto pribadi tidak pernah dikirim ke server.
Cara kerja kompresi
- JPEG, WebP dan AVIF bersifat lossy: slider kualitas mengatur seberapa banyak detail halus yang dibuang encoder. Menurunkan dari 100 ke sekitar 80 biasanya mengurangi banyak byte tanpa perbedaan yang terlihat pada ukuran tampilan normal.
- PNG bersifat lossless, sehingga pengaturan kualitas tidak berpengaruh. Sebagai gantinya, alat ini mengurangi gambar menjadi palet maksimal 256 warna (PNG 8-bit) menggunakan kuantisasi median-cut dengan dithering Floyd–Steinberg opsional. Idenya sama dengan alat seperti pngquant dan TinyPNG. Tangkapan layar, logo, dan ilustrasi sering menyusut 60–80% dengan cara ini sambil tetap mempertahankan transparansi.
- Mengubah ukuran sering kali memberikan penghematan terbesar: foto ponsel 4000 px yang ditampilkan di kolom 800 px membuang sebagian besar pikselnya. Atur lebar/tinggi maksimum dan gambar akan diperkecil dengan resampling berkualitas tinggi.
- Metadata dihapus. Enkode ulang menghilangkan data EXIF seperti model kamera dan lokasi GPS. Ini baik untuk privasi dan menghemat beberapa kilobyte. Orientasi diterapkan lebih dulu, jadi foto potret tetap tegak.
Format mana yang sebaiknya dipilih?
| Format | Paling cocok untuk | Transparansi | Catatan |
|---|---|---|---|
| WebP | Foto dan grafis di web | Ya | Didukung semua browser modern; Google melaporkan file WebP lossy 25–34% lebih kecil dibanding JPEG sebanding. |
| AVIF | Foto ketika setiap KB berarti | Ya | Sering lebih kecil dari WebP, tetapi proses enkodenya lebih lambat. Hanya ditampilkan jika browser kamu bisa mengenkodenya. |
| JPEG | Foto, email, kompatibilitas maksimum | Tidak | Area transparan diisi dengan warna yang kamu pilih. |
| PNG | Logo, tangkapan layar UI, teks tajam | Ya | Gunakan pengurangan warna untuk penghematan besar; hindari PNG untuk foto. |
Tips untuk gambar web
Ekspor gambar hero dengan lebar maksimal sekitar 2× lebar tampilannya (misalnya 1600–2400 px untuk banner selebar layar), gunakan WebP dengan kualitas 75–82, dan selalu atur atribut width dan height di HTML untuk mencegah pergeseran tata letak. Butuh dimensi tepat atau crop untuk media sosial? Gunakan Image Resizer. Untuk ikon kecil, menyematkannya dengan konverter Image to Base64 bisa menghemat satu permintaan. Jika kamu membangun situs di Webflow, perlu diketahui bahwa Webflow bisa membuat varian responsif dan WebP untuk kamu, tetapi sumber yang sudah terkompres dengan baik tetap diunggah dan diproses lebih cepat.
Juga dicari sebagai: optimasi gambar, perkecil ukuran gambar, kompres jpeg, kompres png, alternatif tinypng, konversi webp, jpg ke webp, png ke webp.
Tool yang cocok dipakai bersama Kompres Gambar
- Generator BlurHash & LQIP — Bikin gambar terasa instan: tampilkan pratinjau blur selagi gambar asli dimuat.
- Generator OG Image — Buat gambar preview tautan yang rapi untuk Facebook, LinkedIn, X, Slack, dan WhatsApp dalam hitungan detik.
- Uji Kecepatan Halaman — Jalankan Google Lighthouse pada URL apa pun untuk tampilan mobile atau desktop.
- Pengecek Alt Gambar — Audit setiap gambar di halaman dalam satu tabel: status alt text, ukuran file, atribut lebar/tinggi, format, dan lazy loading, dengan filter dan ekspor CSV.