CodeKitHubApa Itu Alat Ini?
Image cropper memotong wilayah persegi panjang dari sebuah gambar dan membuang sisanya. Ini adalah edit foto paling dasar dan paling sering dibutuhkan: memangkas screenshot hingga hanya jendela yang relevan, memisahkan diri Anda dari foto grup untuk avatar, menghapus tepi latar belakang yang berantakan, atau membingkai ulang foto lanskap menjadi persegi untuk sebuah postingan.
Cropper ini berjalan di atas HTML5 Canvas API di dalam browser Anda. Saat Anda memilih sebuah file, file itu di-decode secara lokal, Anda menyesuaikan seleksi dengan menyeret tepi dan sudutnya, dan hasil crop dibuat dengan menyalin piksel yang dipilih ke kanvas baru. Karena tidak ada server yang terlibat, tidak ada waktu tunggu unggah, tidak ada biaya berdasarkan ukuran file, dan tidak ada trade-off privasi — tool ini bahkan bekerja offline setelah halaman dimuat.
Mengapa Menggunakannya?
- Seleksi seret-dan-sesuaikan: pindahkan kotak atau tarik sudut atau tepi mana pun hingga framing-nya pas, dengan umpan balik ukuran piksel secara langsung.
- Preset rasio aspek — 1:1, 4:3, 16:9, dan 9:16 — mengunci bentuk kotak untuk avatar, thumbnail, dan sampul video vertikal, atau beralih ke mode bebas untuk crop sembarang.
- Unduh sebagai PNG (lossless, mempertahankan transparansi) atau JPG (file lebih kecil untuk foto) — Anda memilih saat mengekspor.
- Pemrosesan 100% lokal dengan Canvas API: gambar Anda tidak pernah diunggah, dikirim, atau disimpan di mana pun, yang penting untuk foto ID, dokumen, dan screenshot berisi data pribadi.
- Gratis, tanpa watermark, tanpa pendaftaran, dan bekerja di ponsel serta tablet dengan seret sentuh, juga di desktop.
Cara Menggunakan
- Klik area unggah atau letakkan file gambar ke dalamnya — JPG, PNG, WebP, dan sebagian besar format umum berfungsi.
- Seret di dalam kotak seleksi untuk memindahkannya, atau seret gagang di sudut dan tepi untuk mengubah ukurannya.
- Opsional, pilih preset rasio aspek (1:1, 4:3, 16:9, 9:16) untuk mengunci bentuk kotak, atau biarkan bebas.
- Pilih PNG atau JPG sebagai format output.
- Tekan tombol crop dan gambar hasil crop langsung terunduh.
Contoh
Input
Foto 4000×3000, seleksi dikunci ke 1:1 di atas wajah, area 800×800 dipilihOutput
PNG 800×800 yang hanya berisi persegi yang dipilihOutput mempertahankan piksel asli satu-ke-satu — crop tidak pernah mengubah skala atau mengompresi ulang area yang dipilih kecuali Anda ekspor sebagai JPG, yang menerapkan kompresi foto ringan.
Rasio crop umum dan di mana digunakan
Pilih rasio berdasarkan platform tempat Anda akan mempublikasikan, bukan dari gambar sumbernya — thumbnail 16:9 yang di-crop dari tengah foto vertikal biasanya lebih baik dibanding padding letterbox. Saat sebuah platform menyebutkan ukuran piksel yang pasti, cocokkan rasionya di sini terlebih dahulu; mendapatkan bentuk yang tepat pada tahap crop menghindari center-crop otomatis yang diterapkan banyak situs, yang sering memotong kepala dan teks.
| Rasio | Bentuk | Penggunaan umum |
|---|---|---|
| 1:1 | Persegi | Foto profil, feed Instagram, ikon aplikasi |
| 4:3 | Landscape klasik | Presentasi, kamera lawas, layar iPad |
| 16:9 | Widescreen | Thumbnail YouTube, sampul video, monitor |
| 9:16 | Vertikal | Stories, Reels, TikTok, wallpaper ponsel |
| Bebas | Persegi panjang apa pun | Memangkas screenshot, menghapus tepi, tata letak khusus |
Posisi crop di antara tool gambar lainnya
Crop mengubah apa yang ditampilkan gambar; resize mengubah seberapa besar ukurannya. Alur kerja avatar yang umum menggunakan keduanya: crop ke 1:1 di sini, lalu skalakan ke ukuran 400×400 yang dibutuhkan dengan Image Resizer. Melakukannya dalam urutan itu menjaga subjek tetap tajam, karena penskalaan hanya terjadi sekali, pada framing final.
Jika file masih terlalu berat setelah di-crop — umum terjadi pada foto ponsel besar — jalankan lewat Image Compressor. Dan saat tujuannya menyembunyikan informasi alih-alih menghapusnya dari frame, mengaburkan atau mem-pixelate bagian sensitif dengan tool sensor mempertahankan sisa gambar.
→ Image Resizer · Image Compressor · Photo Censor / Blur Tool
Pertanyaan yang Sering Diajukan
Apakah gambar saya diunggah ke server?
Tidak. File dibuka langsung oleh browser Anda dan diproses dengan Canvas API di perangkat Anda sendiri. Tidak ada yang dikirim, disimpan, atau dicatat — Anda bisa memverifikasi ini dengan memuat halaman, memutus koneksi internet, lalu tetap melakukan crop. Itu membuat tool ini aman untuk kartu identitas, kontrak, dan gambar sensitif lainnya.
Rasio aspek mana yang sebaiknya saya gunakan?
1:1 (persegi) cocok untuk kebanyakan foto profil dan postingan feed Instagram. 4:3 sesuai dengan format foto klasik dan presentasi. 16:9 adalah standar untuk thumbnail YouTube, sampul video, dan layar widescreen. 9:16 untuk konten vertikal — Stories, Reels, TikTok, dan wallpaper ponsel. Jika tidak ada platform yang menentukan bentuknya, mode bebas memungkinkan Anda crop ke persegi panjang apa pun.
Sebaiknya saya unduh sebagai PNG atau JPG?
PNG bersifat lossless dan mempertahankan transparansi, cocok untuk screenshot, grafik, logo, dan apa pun yang mengandung teks. JPG mengompresi konten fotografis menjadi file yang jauh lebih kecil dengan kehilangan kualitas yang nyaris tak terlihat, cocok untuk foto yang akan Anda bagikan atau unggah. Jika ragu: teks atau transparansi → PNG, foto → JPG.
Apakah crop mengurangi kualitas gambar?
Crop itu sendiri bersifat lossless — hanya menyalin piksel yang dipilih tanpa perubahan, sehingga area hasil crop identik piksel demi piksel dengan aslinya. Satu-satunya keputusan kualitas ada pada format ekspor: PNG mempertahankan segalanya persis, sementara JPG menerapkan kompresi fotografis. Tool ini tidak pernah mengubah skala gambar Anda, jadi tidak ada ketajaman yang hilang akibat resampling.
Bisakah saya crop ke dimensi piksel yang persis?
Ukuran seleksi ditampilkan secara langsung dalam piksel saat Anda menyeret, jadi Anda bisa menyesuaikan gagangnya hingga menunjukkan ukuran yang Anda butuhkan. Jika Anda perlu ukuran target persis seperti 512×512 terlepas dari framing sumbernya, crop ke bentuk yang tepat di sini (1:1 dalam kasus itu) lalu skalakan hasilnya dengan Image Resizer.