Image Cropper

Image Cropper

Drag untuk memotong, snap ke rasio aspek standar (1:1, 4:5, 16:9, 9:16, …), rotasi dan balik, ekspor sebagai PNG / JPG / WebP. Semuanya di browser Anda — tanpa unggah, tanpa daftar.

Postingan persegi Instagram: 1:1. Postingan potret Instagram: 4:5. Stories Instagram / Facebook / TikTok / YouTube: 9:16. Thumbnail video YouTube: 16:9 (minimal 1280×720). Gambar postingan X (Twitter): 16:9 atau 1:1. Postingan LinkedIn: 1.91:1 (mendekati 16:9). Foto kamera DSLR / ponsel: 3:2. Klasik 35 mm atau digital lama: 4:3.

Ya. Canvas di layar diperkecil untuk tampilan, tetapi perhitungan crop berjalan pada ruang koordinat sumber (piksel asli). Saat Anda mengklik Unduh, canvas ekspor diukur tepat pada dimensi piksel yang dipotong dari sumber — tanpa kehilangan kualitas dari penskalaan layar. Sumber 4000×3000 yang dipotong menjadi persegi 1000×1000 diekspor sebagai gambar 1000×1000 dengan kualitas penuh.

Letakkan gambar di sini, tempel dari clipboard, atau

Dibuat untuk alur kerja nyata

Setiap dimensi yang benar-benar Anda butuhkan, setiap transformasi yang benar-benar Anda gunakan — tanpa Photoshop.

Drag-to-crop dengan 8 handle

Drag salah satu dari 8 handle sudut / tepi untuk mengubah ukuran kotak crop, atau drag kotaknya sendiri untuk memindahkan posisi. Overlay grid rule-of-thirds membantu komposisi.

Preset rasio aspek

Snap ke 1:1 (persegi / IG / profil), 4:5 (IG potret), 9:16 (Stories / Reels / TikTok), 16:9 (YouTube), 3:2 / 2:3 (DSLR), 4:3 (klasik), atau bebas. Handle sudut mempertahankan rasio yang dikunci saat Anda mengubah ukuran.

Rotasi + balik

Putar 90° kiri / kanan dan balik horizontal / vertikal dengan satu klik. Transformasi diterapkan sebelum crop, sehingga kotak yang Anda gambar tetap akurat.

Konversi format saat ekspor

Simpan sebagai PNG (lossless), JPG (dengan slider kualitas 50–100%), WebP (kompresi terbaik, ~30% lebih kecil dari JPG pada kualitas visual yang sama), atau pertahankan format input.

Privasi sejak awal

Setiap byte tetap di perangkat Anda. Gambar didekode di browser, dipotong di canvas, diekspor dengan canvas.toBlob. Buka DevTools → Network dan Anda akan melihat nol permintaan keluar.

Kecil + cepat

JavaScript murni, tanpa runtime framework. Cold load di bawah 25 KB gzipped. Memotong gambar 4000 × 3000 piksel dan mengekspornya memakan waktu di bawah 200 ms.

Cara memotong gambar

Empat langkah dari drop ke unduh.

  1. 1

    Muat gambar

    Drag file gambar apa pun (JPG, PNG, WebP, AVIF, GIF, BMP) ke drop zone, klik Pilih file, atau cukup tempel dari clipboard Anda dengan Ctrl/Cmd+V. Gambar didekode secara lokal di browser Anda — tidak ada yang diunggah.

  2. 2

    Pilih rasio aspek (atau biarkan bebas)

    Pilih preset yang sesuai dengan tempat Anda akan menggunakan gambar — 1:1 untuk Instagram persegi, 4:5 untuk IG potret, 9:16 untuk Stories / Reels / TikTok, 16:9 untuk YouTube, 3:2 untuk foto berbentuk DSLR. Atau biarkan di "Bebas" untuk rasio kustom apa pun.

  3. 3

    Drag untuk menyempurnakan

    Drag 8 handle sudut / tepi untuk mengubah ukuran kotak crop, atau drag kotaknya sendiri untuk memindahkan posisi. Overlay grid rule-of-thirds membantu Anda menyusun komposisi. Dengan rasio aspek terkunci, handle sudut secara otomatis mempertahankan rasio. Gunakan Putar / Balik jika sumbernya terbalik atau tercermin.

  4. 4

    Ekspor

    Pilih format output — pertahankan format input, atau konversi ke PNG (lossless), JPG (slider kualitas 50–100%), atau WebP (lebih kecil dari JPG pada kualitas visual yang sama). Klik Unduh dan file akan disimpan pada resolusi sumber penuh — tanpa kehilangan kualitas dari pratinjau di layar.

Dibuat untuk desainer, manajer media sosial, dan orang tua dengan foto ponsel

Empat skenario umum di mana cropper browser yang mengutamakan privasi mengalahkan membuka Photoshop.

Penyesuaian ukuran postingan media sosial

Punya foto ponsel horizontal dan butuh postingan Instagram 1:1? Snap ke 1:1, drag untuk memusatkan subjek, unduh. Preset 4:5 potret, 9:16 Stories, dan 16:9 YouTube mencakup sisanya.

Crop foto profil

Sebagian besar platform memaksa 1:1. Snap ke persegi, posisikan wajah subjek di sepertiga atas (lebih baik daripada tepat di tengah), unduh. Hasilnya cocok untuk LinkedIn, Twitter / X, GitHub, Slack, Discord, dan intranet perusahaan.

Pembersihan foto produk

Platform e-commerce menginginkan rasio yang konsisten — Shopify, Etsy, Amazon, Shopee semuanya lebih suka 1:1 atau 4:5. Potong sekumpulan foto ponsel ke rasio yang dibutuhkan platform dengan grid rule-of-thirds untuk konsistensi komposisi.

Pemangkasan screenshot foto ponsel

Screenshot ponsel mencakup status bar, navigation chrome, dan luapan aplikasi. Letakkan screenshot, drag kotak crop untuk hanya menyimpan kontennya, unduh sebagai PNG (lossless) untuk screenshot UI yang tajam tanpa artefak rekompresi.

100% privat — berjalan di browser Anda

Foto dan screenshot tidak pernah meninggalkan perangkat Anda. Buka DevTools → Network dan Anda akan melihat nol permintaan keluar selama crop, transformasi, atau unduh.

  • Decoding gambar, rendering canvas, rotasi / balik, dan encoding PNG / JPG / WebP semuanya berjalan sebagai JavaScript di mesin Anda.
  • Metadata EXIF dihapus saat re-encode (juga fitur privasi — lokasi GPS foto Anda tidak bertahan dalam ekspor).
  • Tanpa login, tanpa telemetri pada konten gambar, tanpa API gambar pihak ketiga. Kami hanya menggunakan satu cookie untuk status persetujuan cookie dan satu untuk preferensi bahasa.

Panduan terkait

Bacaan pilihan tentang ukuran media sosial, komposisi foto, dan privasi gambar.

Pertanyaan yang sering diajukan

Rasio aspek apa yang harus saya gunakan untuk [platform]?

Postingan persegi Instagram: 1:1. Postingan potret Instagram: 4:5. Stories Instagram / Facebook / TikTok / YouTube: 9:16. Thumbnail video YouTube: 16:9 (minimal 1280×720). Gambar postingan X (Twitter): 16:9 atau 1:1. Postingan LinkedIn: 1.91:1 (mendekati 16:9). Foto kamera DSLR / ponsel: 3:2. Klasik 35 mm atau digital lama: 4:3.

Apakah output memiliki resolusi yang sama dengan sumber?

Ya. Canvas di layar diperkecil untuk tampilan, tetapi perhitungan crop berjalan pada ruang koordinat sumber (piksel asli). Saat Anda mengklik Unduh, canvas ekspor diukur tepat pada dimensi piksel yang dipotong dari sumber — tanpa kehilangan kualitas dari penskalaan layar. Sumber 4000×3000 yang dipotong menjadi persegi 1000×1000 diekspor sebagai gambar 1000×1000 dengan kualitas penuh.

Mengapa foto ponsel saya kadang muncul miring?

Kamera ponsel menyematkan tag orientasi EXIF alih-alih memutar piksel sebenarnya. Beberapa browser (termasuk Safari versi lama) menerapkannya secara otomatis; yang lain tidak. Jika gambar Anda terlihat miring, klik tombol Putar — cropper akan menggunakan versi yang berorientasi benar untuk crop dan ekspor.

Apakah memotong JPG melakukan re-encode dan mengurangi kualitas?

Ya. JPG adalah format lossy, jadi setiap penyimpanan melalui canvas.toBlob('image/jpeg') melibatkan re-encoding. Kami menggunakan kualitas default 92% (secara visual tidak dapat dibedakan dari sumber untuk sebagian besar foto). Jika Anda memerlukan kesetiaan bit-by-bit yang sempurna, pilih PNG sebagai format output (lossless), atau WebP untuk file ~30% lebih kecil pada kualitas visual yang sama.

Apakah ada yang dikirim ke server Anda?

Tidak. File dibaca dengan FileReader, didekode menjadi Image browser, digambar di canvas, dan diekspor dengan canvas.toBlob. Setiap langkah terjadi di JavaScript pada perangkat Anda. Buka DevTools → Network dan Anda akan melihat nol permintaan keluar selama proses crop atau unduh. Kami menggunakan satu cookie untuk status persetujuan cookie dan satu untuk preferensi bahasa, hanya itu.