Kompres Gambar Online dengan Pratinjau Langsung

Unggah JPG, PNG, WebP, atau AVIF, geser slider kualitas untuk pratinjau instan, lalu unduh hasil encode ulang oleh sharp dan libvips.

atau jatuhkan gambar di sini

Tentang alat ini

Kompres gambar JPG, PNG, WebP, atau AVIF langsung dari browsermu dengan slider kualitas yang hidup dan perbandingan format berdampingan. Jatuhkan foto ke halaman dan pratinjau diperbarui secara instan menggunakan encoder canvas bawaan browser, setiap gerakan slider berjalan lokal tanpa trafik jaringan. Ketika kamu menekan Unduh, file asli dikirim lewat HTTPS ke layanan kompresi kami, sebuah Cloudflare Worker yang didukung sharp dan libvips, stack encoder yang sama dipakai Vercel dan Shopify. Hasil encode di server biasanya menghasilkan file 10 hingga 15 persen lebih kecil dari pratinjau browser pada pengaturan kualitas yang sama, karena libvips menerapkan tuning MozJPEG yang tidak bisa ditiru browser. File disimpan dalam cache terisolasi per-tenant untuk waktu singkat, lalu dihapus. Alat ini menerima file hingga 25 MB pada jalur server. Cocok untuk fotografer, developer, dan tim produk yang butuh file lebih kecil tanpa berganti aplikasi atau membuka editor.

Kompres gambar
Apa yang dilakukan alat ini

Apa yang dilakukan alat ini

Halaman ini menjalankan kompresor gambar dua jalur. Slider yang kamu lihat di atas pratinjau adalah encoder lokal yang hidup, memanggil canvas.toBlob bawaan browser dengan nilai kualitas yang kamu pilih. Setiap gerakan slider akan merender ulang pratinjau split-view dan memperbarui penghitung byte, tanpa trafik jaringan sama sekali. Ketika kamu menekan Unduh, file asli dikirim ke layanan kompresi kami untuk encode final dengan sharp dan libvips, stack encoder yang sama dipakai Vercel dan Shopify. Output mempertahankan dimensi input persis sama. Alat ini mendukung JPG, PNG, WebP, dan AVIF sebagai input dan output dalam kombinasi apa pun.

Kompres gambar
Cara kompres gambar langkah demi langkah

Cara kompres gambar langkah demi langkah

Jatuhkan JPG, PNG, WebP, atau AVIF ke area unggah, atau tempel dari clipboard dengan Ctrl+V. Pilih format output dari tiga kartu (WebP adalah default untuk foto). Geser slider kualitas dan perhatikan penghitung byte diperbarui secara real-time, berhenti ketika ukuran file mencapai targetmu dan pratinjau masih terlihat baik. Tekan Unduh untuk menerima hasil yang di-encode di server. Jika layanan kompresi tidak terjangkau, pratinjau hasil encode browser akan disimpan sebagai gantinya, jadi kamu selalu mendapatkan file yang berfungsi.

Kompres gambar
Memilih tingkat kualitas yang tepat

Memilih tingkat kualitas yang tepat

Slider kualitas berjalan dari 1 sampai 100, dengan 78 sebagai default lossy. Kualitas 80 cocok dengan label High di Adobe Photoshop saat mengekspor JPEG, dan pilihan aman untuk portofolio dan kiriman klien. Kualitas 60 adalah default web umum dan memangkas foto 4 MP menjadi sekitar 200 hingga 400 KB tanpa kehilangan terlihat pada jarak pandang normal. Di bawah 50, artefak berbentuk blok mulai muncul pada gradien dan warna kulit. Di bawah 30, output terbaca seperti thumbnail. Penghitung byte di atas slider menampilkan ukuran output persis saat kamu menggeser, jadi tidak perlu menebak-nebak.

Kompres gambar
Format mana yang paling kecil: JPG, WebP, atau AVIF

Format mana yang paling kecil: JPG, WebP, atau AVIF

Alat ini menampilkan hitungan byte JPG, WebP, dan AVIF berdampingan pada gambar sumber yang sama, jadi perbandingannya pada file aktualmu bukan pada benchmark umum. Sebagai patokan, WebP biasanya 25 hingga 35 persen lebih kecil dari JPG pada kualitas visual yang sama, dan AVIF biasanya 40 hingga 60 persen lebih kecil dari JPG. AVIF butuh waktu encode lebih lama, sekitar 3 hingga 8 detik untuk foto 8 MP di jalur server, karena libaom berat secara komputasi. Dukungan browser untuk ketiga format ini kuat di Chrome, Firefox, Safari, dan Edge pada 2026. PNG adalah pilihan tepat ketika gambar punya warna terbatas, misalnya tangkapan layar dan logo, di mana kuantisasi palet mengalahkan codec lossy.

Kompres gambar
Bagaimana filemu ditangani

Bagaimana filemu ditangani

Pratinjau slider tidak menggunakan jaringan. Setiap geseran adalah panggilan canvas.toBlob baru di dalam browsermu, bisa diverifikasi di DevTools dengan memfilter tab Network untuk compress dan memastikan tidak ada request muncul saat kamu menggeser slider. Klik Unduh adalah satu-satunya langkah yang mengunggah. Filemu dikirim via POST lewat HTTPS ke Cloudflare Worker kami di /api/compress, yang mem-proxy ke backend yang menjalankan sharp dan libvips. Hasil encode dikembalikan di body respons dan disimpan ke folder unduhanmu. Salinan perantara disimpan dalam cache terisolasi per-tenant untuk waktu singkat, lalu dihapus. Jika layanan tidak terjangkau atau filemu melebihi 25 MB, encoder browser berjalan secara diam-diam sebagai fallback.

Kompres gambar
Apa yang tidak dilakukan alat ini

Apa yang tidak dilakukan alat ini

Tidak ada ubah ukuran, dimensi output sama dengan dimensi input, jadi gunakan alat Resize dulu jika kamu juga perlu memperkecil jumlah piksel. Tidak ada unggah massal, satu gambar pada satu waktu, sesuai desain. Tidak ada pelestarian EXIF, metadata dibersihkan oleh libvips dan sharp di level encoder, ini sisi positif untuk privasi tapi berarti data GPS dan kamera yang tertanam akan hilang. Tag orientasi visual dibaca dan diterapkan sebelum pembersihan, jadi outputmu tetap menghadap ke atas. Tidak ada animasi GIF, hanya frame pertama yang diproses. Tidak ada mode target-ukuran, tapi dua atau tiga penyesuaian slider menggunakan penghitung byte langsung biasanya mencapai target apa pun dalam 10 persen.

Cara memotong foto menjadi lingkaran

  1. Jatuhkan atau tempel gambarmu

    Seret JPG, PNG, WebP, atau AVIF ke area unggah, atau klik untuk menelusuri. Kamu juga bisa menempel dari clipboard dengan Ctrl+V atau Cmd+V.

  2. Pilih format output

    Klik JPG, WebP, atau AVIF untuk menentukan outputmu. WebP adalah default dan biasanya paling kecil untuk foto yang akan diunggah ke web.

  3. Geser slider kualitas

    Perhatikan penghitung byte diperbarui saat kamu menggeser slider. Berhenti ketika ukuran file cukup kecil dan pratinjau masih terlihat baik menurutmu.

  4. Tekan Unduh

    File asli dikirim ke server kami untuk encode sharp + libvips. File final biasanya 10-15% lebih kecil dari pratinjau yang ditampilkan di browsermu.

Pertanyaan yang Sering Diajukan

Bagaimana cara kompres gambar?

Jatuhkan gambarmu di halaman, lalu geser slider kualitas sampai ukuran file yang ditampilkan di penghitung memenuhi targetmu. Tekan Unduh untuk mendapatkan hasil yang di-encode di server (di-encode oleh sharp + libvips). Seluruh alur berlangsung kurang dari satu menit. Tombol unduh memicu POST ke layanan kompresi kami, dan jika layanan tidak terjangkau, pratinjau hasil encode browser akan disimpan sebagai gantinya.

Mengapa harus kompres gambar JPEG?

Foto ponsel yang tidak dioptimalkan biasanya berukuran 4-6 MB. Pada kualitas 78, foto yang sama di-encode ulang oleh MozJPEG biasanya menjadi 800 KB sampai 1,5 MB, cukup kecil untuk lampiran email, berbagi WhatsApp, dan gambar hero web tanpa kehilangan visual yang terlihat. Gambar yang dikompres juga memuat lebih cepat, yang meningkatkan skor Core Web Vitals.

Bagaimana cara kompres gambar tanpa kehilangan kualitas?

Untuk kompresi benar-benar lossless, pilih PNG sebagai format outputmu. Jalur PNG menggunakan pnpngquant untuk optimasi palet, yang bisa memperkecil PNG tidak teroptimasi sebesar 30-50% tanpa perbedaan perseptual. Untuk format lossy (JPG, WebP, AVIF), kualitas 80 adalah ambang praktis di mana sebagian besar pemirsa tidak bisa membedakan, meskipun hasilnya tergantung pada isi gambar.

Bisakah saya kompres gambar ke ukuran file tertentu seperti 100 KB?

Alat ini tidak punya mode target-ukuran, tapi mencapai target sangat mudah dengan penghitung byte langsung. Geser slider ke bawah sampai penghitung menunjukkan targetmu, lalu tekan Unduh. Dua atau tiga penyesuaian slider biasanya membuatmu dalam 10% dari ukuran target apa pun. Jika terlalu jauh, geser slider sedikit ke atas lagi.

Format mana yang paling kecil: JPG, WebP, atau AVIF?

Tergantung isi gambar. Alat ini menampilkan ketiganya secara bersamaan dengan hitungan byte sehingga kamu bisa membandingkan pada file aktualmu. Sebagai patokan, WebP biasanya 25-35% lebih kecil dari JPG pada kualitas visual yang sama. AVIF biasanya 40-60% lebih kecil dari JPG, meskipun butuh beberapa detik ekstra untuk encode.

Apakah mengompres gambar mengurangi dimensinya?

Tidak. Dimensi output identik dengan dimensi input. Mengompres hanya mengubah encoding byte, bukan jumlah piksel. Jika kamu juga perlu mengurangi resolusi (misalnya, dari lebar 4000 px ke 1200 px), gunakan alat Resize dulu, lalu kompres file yang sudah diubah ukurannya. Urutan itu memberikan ukuran file final paling kecil.

Detail

Catatan dari tim tentang keahlian, format, dan keputusan kecil di balik pemotongan bulat yang baik.

Arsitektur dua jalur dijelaskan
Pratinjau slider dan encode Unduh adalah dua jalur kode terpisah. Pratinjau menggunakan API canvas.toBlob bawaan browser, yang berjalan secara sinkron di thread compositor GPU. Setiap gerakan slider memicu panggilan canvas.toBlob baru dengan nilai kualitas baru, hasilnya digambar ke canvas split-view. Ini sepenuhnya lokal, kamu bisa memverifikasinya dengan membuka DevTools, tab Network, memfilter compress, dan mengamati, nol request muncul selama interaksi slider. Tombol Unduh memicu jalur kode yang sama sekali berbeda. Tombol itu mem-POST file asli (tidak dimodifikasi) ke Cloudflare Worker kami di /api/compress, yang mem-proxy ke server Fastify yang menjalankan Node 24 dan paket sharp (lisensi Apache 2.0) didukung libvips 8.x (LGPL-3.0). Hasil encode dikembalikan di body respons dan disimpan ke folder unduhan browser. Dua jalur, satu alat.
Mengapa encode server mengalahkan encode browser
Encoder JPEG browser menggunakan libjpeg atau implementasi khusus browser yang tidak punya tuning tabel chroma subsampling MozJPEG. MozJPEG, codec yang dipanggil libvips untuk JPEG, dikembangkan di Mozilla pada 2014 sebagai pengganti drop-in libjpeg-turbo dengan fokus menghasilkan file lebih kecil pada kualitas perseptual yang sama. Dalam benchmark yang dijalankan di 50 foto beragam (margasatwa, potret, foto produk, tangkapan layar), encode libvips dan MozJPEG pada kualitas 78 menghasilkan file 10 hingga 20 persen lebih kecil dari canvas.toBlob Chrome pada nilai kualitas yang sama. Untuk PNG, perbedaannya lebih besar, browser menggunakan zlib dengan kompresi default, sementara pnpngquant mengurangi palet warna ke minimum yang dibutuhkan, biasanya memangkas file PNG tidak teroptimasi sebesar 30 hingga 70 persen.
AVIF: apa itu dan kapan menggunakannya
AVIF didasarkan pada prediksi intra-frame codec video AV1, dikembangkan oleh Alliance for Open Media. Format ini mencapai efisiensi kompresi lebih baik daripada JPEG dengan memprediksi nilai piksel di wilayah yang lebih besar dan merepresentasikan residual secara lebih ringkas. Hasil praktisnya adalah file AVIF pada kualitas 60 sering tidak bisa dibedakan secara visual dari file JPEG pada kualitas 80, sambil 40 hingga 60 persen lebih kecil. Trade-off-nya adalah waktu encode, di server kami, foto 8 MP pada kualitas 60 butuh 3 hingga 8 detik dengan libaom-av1. Dukungan browser kuat pada 2026 (Chrome, Firefox, Safari, Edge semua decode AVIF). Alat ini menampilkan hitungan byte AVIF secara real-time bersama JPG dan WebP sehingga kamu bisa memutuskan apakah penghematan ukuran sepadan dengan sedikit waktu tunggu encode untuk alur kerjamu.
Pengaturan kualitas dalam praktik
Slider memetakan langsung ke parameter q encoder untuk format lossy. Pada kualitas 80, pengaturan ini cocok dengan label High di Adobe Photoshop saat mengekspor JPEG, dan default yang dipakai sebagian besar alur kerja profesional. Pada kualitas 60, foto 4 MP rata-rata terkompres menjadi sekitar 200 hingga 400 KB, cukup kecil untuk sebagian besar penggunaan email dan web, dan kehilangan detail hanya terlihat di area tekstur halus pada zoom 1:1. Di bawah kualitas 50, artefak kompresi berbentuk blok mulai muncul di gradien halus dan warna kulit, terlihat bahkan pada jarak pandang normal di layar retina. Di bawah kualitas 30, output bisa dikenali tapi jelas terkompres, hanya cocok untuk pratinjau thumbnail. Penghitung byte di atas slider menampilkan ukuran output persis dalam KB saat kamu menggeser, bukan estimasi.
Pembersihan metadata dan mengapa itu penting
Kedua jalur membersihkan EXIF, GPS, dan metadata kamera dari output secara default. Ini adalah perilaku benar dari libvips dan sharp pada konfigurasi defaultnya, dan punya dua efek praktis. Pertama, ini menghapus data lokasi yang berpotensi sensitif yang ditanamkan kamera smartphone, yang merupakan manfaat privasi untuk gambar yang dibagikan secara publik. Kedua, ini sedikit mengurangi ukuran file (blok EXIF biasa berukuran 10 hingga 40 KB). Tag orientasi visual ditangani secara terpisah, alat ini membaca field orientasi EXIF sebelum pembersihan dan memutar gambar sebelumnya sehingga output diorientasikan dengan benar. Jika kamu perlu mempertahankan metadata untuk alur kerja forensik, pengarsipan, atau cetak, kamu sebaiknya menggunakan editor metadata khusus sebelum mengompres.
Format yang didukung: apa yang masuk dan apa yang keluar
Input menerima JPG, PNG, WebP, dan AVIF di setiap browser modern, divalidasi dengan sniff magic-byte bukan ekstensi file saja. GIF diterima di Chrome dan Firefox tapi hanya frame pertama yang diproses (animasi tidak dipertahankan), jadi GIF beranimasi tidak boleh dikompres dengan alat ini. HEIC dari iPhone bekerja di Safari, yang punya decoder HEIC bawaan, tapi Chrome dan Firefox tidak melakukan decode HEIC secara native. Output bisa berupa JPG, PNG, WebP, atau AVIF terlepas dari format input, jadi kamu juga bisa menggunakan alat ini sebagai jalur convert-dan-kompres satu langkah. Jalur server menerima file hingga 25 MB. File di atas batas itu diproses oleh encoder browser fallback sebagai gantinya.