Pemotong Gambar Gratis Online

Cara Memotong Gambar

1. Unggah atau letakkan gambar di atas.
2. Pilih preset rasio aspek atau gunakan "Bebas" untuk bentuk apa pun.
3. Seret seleksi potong ke area yang ingin Anda simpan. Gunakan pegangan sudut untuk mengubah ukuran.
4. Klik "Potong Gambar" dan unduh hasilnya.

Sejarah Singkat Pemotongan

Pemotongan lebih tua dari penyuntingan digital lebih dari satu abad. Untuk memotong sebuah foto di era analog adalah tindakan fisik: itu berarti memutuskan di mana menempatkan masker, bilah easel atau sepotong karton sebelum lampu enlarger mengekspos cetakan. Di kamar gelap yang bekerja, sebuah enlarger memproyeksikan negatif melalui lensa ke selembar kertas peka cahaya yang diletakkan datar di easel, sebuah bingkai logam berat dengan pita yang dapat diatur yang tumpang tindih dengan margin kertas. Menarik pita ke dalam mengekspos hanya jendela kertas yang lebih kecil. Untuk editor foto di surat kabar dan majalah, alur kerjanya bahkan lebih material: editor menandai keputusan pemotongan mereka langsung di lembar kontak menggunakan pensil grease, biasanya merah tetapi kadang-kadang biru, menggambar persegi panjang di sekitar bagian dari setiap bingkai yang ingin mereka perbesar. Pensil grease lebih disukai karena ia menulis di emulsi cetakan mengkilap tanpa noda. Henri Cartier-Bresson, tokoh Magnum kanonik, terkenal menolak praktek itu, ia bersikeras pada pencetakan full-frame dan pada penyusunan dalam viewfinder pada saat pelepasan, memperlakukan setiap pemotongan selanjutnya sebagai kecurangan intelektual terhadap shutter. (Pengecualian yang biasanya dikutip adalah gambar 1932 Behind Gare Saint-Lazare, di mana ia memotret melalui lubang di pagar dan secara fisik tidak bisa lebih dekat untuk mengisi bingkai.) Ansel Adams berdiri di ujung yang lain: praktek kamar gelapnya yang teliti memperlakukan pemotongan sebagai salah satu alat di antara banyak untuk membentuk cetakan akhir, di samping burning, dodging, penyaringan kontras dan pemutihan selektif. Ikon toolbar untuk crop di editor gambar modern, dua sudut siku-siku yang membingkai persegi panjang kosong, adalah gambar bergaya dari panduan kertas berbentuk-L yang digunakan fotografer pada lembar kontak untuk membingkai potensi pemotongan dengan tangan.

Rasio Aspek Populer

Rasio aspek menggambarkan proporsi lebar terhadap tinggi. Platform sosial modern masing-masing memiliki satu atau lebih rasio "pilihan", dan mengunggah pada rasio yang salah hampir selalu berarti platform akan memotong atau letterbox atas nama Anda, biasanya buruk. Alat pemotong yang membawa Anda ke rasio yang tepat sebelum unggah melakukan pekerjaan yang berarti. Konfirmasi terhadap dokumen platform saat ini untuk pekerjaan produksi, spesifikasi bergeser, tetapi pada 2026:

• Instagram, postingan feed: persegi 1:1 di 1080x1080, potret 4:5 di 1080x1350 (saat ini format diam dengan engagement tertinggi karena menempati ~25% lebih banyak ruang layar vertikal), lanskap 1.91:1 di 1080x566. Stories dan Reels: 9:16 di 1080x1920. Foto profil: setidaknya 320x320, ditampilkan sebagai lingkaran.
• Twitter/X, header 1500x500 (3:1, dengan konten aman duduk di band tengah 1500x360 dan sudut kiri bawah sebagian tertutup oleh overlay foto profil di desktop); foto profil minimum 400x400 (800x800 untuk retina), ditampilkan sebagai lingkaran; kartu gambar dalam aliran 1200x675 (16:9) untuk pratinjau bersih.
• Facebook & Open Graph, pratinjau tautan di Facebook, LinkedIn, Slack, Discord dan sebagian besar konsumen metadata OG lainnya: 1200x630 di 1.91:1. Gambar profil minimum 360x360 (720x720 lebih disukai); foto sampul 820x312 desktop dengan zona aman di tengah 640x312.
• LinkedIn, banner cover profil pribadi 1584x396 (4:1), dengan konten kritis di dalam tengah 1128x376 untuk bertahan dari pemotongan mobile; foto profil 400x400.
• YouTube, thumbnail video 1280x720 (16:9), di bawah 2 MB, konten penting di dalam zona desktop tengah 1100x620 (mobile 960x540), dengan sudut kanan bawah dibiarkan jelas karena YouTube menempatkan stempel waktu durasi di sana. Banner saluran 2560x1440, dengan strip yang jauh lebih sempit 1546x423 aman di setiap perangkat.
• TikTok, 9:16 di 1080x1920. Algoritma For You dioptimalkan di sekitar konten vertikal layar penuh.
• Pinterest, pin standar 1000x1500 (2:3). Pin lebih tinggi dari 1:2.1 dipotong di feed.
• Cetak (ISO 216 seri-A), 1:√2 ≈ 1:1.414. DIN 476 Walter Porstmann 18 Agustus 1922 mengkodifikasi rasio (saran terawal yang diketahui adalah surat 25 Oktober 1786 dari Lichtenberg ke Beckmann di Göttingen). A4 adalah 210x297 mm; US Letter adalah 8.5x11 in (1:1.294) dan tidak dapat dipertukarkan.

Rasio Sinema, Dari Mana Preset Wide Berasal

Rasio Academy (1.375:1, sering disebut 4:3 secara sehari-hari). Film bisu ditembak pada kira-kira 4:3 menggunakan seluruh bingkai 35 mm; ketika suara optikal-pada-film tiba di akhir 1920-an, garis soundtrack memakan area gambar. Academy of Motion Picture Arts and Sciences menanggapi dengan arahan pada 16 Februari 1932 yang menentukan dimensi aperture baru, hasilnya adalah bingkai 1.375:1, dinamai rasio Academy, dan hampir setiap film Hollywood antara 1932 dan 1952 ditembak dalam format ini. CinemaScope (2.55:1 → 2.35:1 → 2.39:1). Teknik di baliknya berasal dari 1920-an, ketika penemu Prancis Henri Chrétien mematenkan lensa anamorfik Hypergonar. 20th Century Fox menandatangani perjanjian dengannya pada 12 Januari 1953 dan mengumumkan pada 2 Februari 1953 bahwa semua produksi Fox masa depan akan menggunakan teknologi tersebut; The Robe ditayangkan perdana pada September 1953 sebagai fitur CinemaScope komersial pertama. Rasio asli adalah 2.55:1; ketika soundtrack dimasukkan pada 1956, itu menyusut menjadi 2.35:1; SMPTE 195-1993 mengkonfirmasi 2.39:1 sebagai standar modern. American widescreen flat (1.85:1), Universal Pictures memperkenalkannya pada 20 Mei 1953 dengan Thunder Bay; non-anamorfik, dicapai dengan hard-matting atas dan bawah. 16:9 (1.7777...:1) pertama kali diusulkan pada 1984 oleh Kerns H. Powers dari SMPTE HDTV Working Group, yang memilihnya sebagai titik tengah geometris antara standar sinema saat itu. ITU mengadopsinya sebagai standar HDTV internasional pada 1990; FCC mengadopsi ATSC pada 1996; siaran ATSC pertama mengudara pada 28 Oktober 1998. Setiap televisi modern, monitor, layar laptop, thumbnail YouTube dan sinyal HDMI masih secara nominal 16:9.

Aturan Sepertiga, Aturan Komposisi 1797 yang Masih Digunakan

Frasa "aturan sepertiga" muncul di Remarks on Rural Scenery John Thomas Smith, diterbitkan pada 1797. Smith adalah seorang pengukir dan antikuari Inggris; bukunya secara nominal adalah koleksi dua puluh etsa pondok dengan teks tentang pittoresque. Sambil lewat, Smith mengutip kuliah Sir Joshua Reynolds tahun 1783 tentang keseimbangan terang dan gelap dalam lukisan, kemudian mengusulkan untuk memperluas logika yang sama "ke aturan dua pertiga", menciptakan apa yang berabad-abad kemudian akan menjadi heuristik komposisi standar untuk fotografi amatir dan profesional. Alat pemotong mengekspresikan aturan dengan melapisi grid 3x3 pada pilihan pemotongan langsung; menyejajarkan horizon, vertikal kuat (batang pohon, seseorang), atau titik fokus dengan salah satu dari empat node persimpangan adalah saran standar. Di luar sepertiga, beberapa bantuan komposisi lainnya telah menjadi overlay standar dalam alat pemotongan serius: rasio emas (≈1.618:1), kadang-kadang dijelaskan sebagai inspirasi matematis yang lebih dalam yang aturan sepertiga adalah penyederhanaannya, menempatkan garis pembaginya pada kira-kira 0.382 dan 0.618 dari jalan melintasi bingkai; spiral Fibonacci muncul dari menggambar persegi-persegi yang semakin kecil yang sisinya mengikuti 1, 1, 2, 3, 5, 8, 13... dan adalah apa yang komposisi lukisan Renaissance sering dianalisis terhadap; metode diagonal / segitiga emas menggambar diagonal melintasi bingkai dan tegak lurus dari setiap sudut yang berlawanan, cocok untuk adegan dengan garis miring yang kuat. Alat ini saat ini tidak merender overlay tersebut, batasan lingkup yang didokumentasikan dan kesempatan jujur untuk pekerjaan masa depan.

Bagaimana Pemotongan Sebenarnya Terjadi, API Canvas

HTML Canvas API telah, sejak spesifikasi canvas WHATWG asli, mendukung satu metode tunggal yang melakukan pengangkatan berat geometris pemotongan: CanvasRenderingContext2D.drawImage(). Itu kelebihan beban dengan tiga bentuk, yang ketiga, bentuk sembilan-argumen, adalah yang memotong: drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight). Empat argumen numerik pertama menentukan persegi panjang sumber, sub-wilayah dari gambar sumber untuk diekstrak. Empat berikutnya menentukan persegi panjang tujuan di kanvas tempat sub-wilayah itu harus digambar, dengan penskalaan implisit jika tujuan diukur secara berbeda. Untuk memotong tanpa penskalaan, Anda mengukur kanvas tujuan agar sesuai dengan persegi panjang sumber persis dan menggambar dengan dx = 0, dy = 0, dWidth = sWidth, dHeight = sHeight, yang persis apa yang dilakukan alat ini. Satu panggilan ini adalah jantung berdetak dari setiap alat pemotongan berbasis browser. Setelah piksel ada di kanvas, jalur ekspor standar adalah canvas.toBlob(), yang mengserialisasi kanvas ke Blob dalam tipe MIME yang dipilih (PNG, JPEG, WebP). Canvas API juga mengekspos fungsi berdampingan yang kuat, createImageBitmap(), yang opsi imageOrientation: 'from-image'-nya menerapkan setiap rotasi EXIF-orientation yang ada dalam JPEG sebelum bitmap dikembalikan, tanpanya, foto yang diambil pada telepon yang dipegang menyamping akan tampak diputar 90° pada kanvas. drawImage() 9-argumen telah tersedia secara luas baseline sejak Juli 2015, yang berarti setiap browser dalam penggunaan modern mendukungnya.

Lossless vs Dikode Ulang: Peringatan JPEG

Peringatan kecil tetapi penting untuk setiap alat pemotongan berbasis browser: Canvas API selalu meraster dan mengkode ulang. Jika Anda mengunggah JPEG, menjatuhkannya ke kanvas, memotong dengan drawImage() dan mengekspor dengan toBlob('image/jpeg', 0.92), Anda baru saja melakukan satu siklus tambahan kuantisasi DCT lossy di atas yang asli. Fenomena ini dikenal sebagai kehilangan generasi, dan JPEG terkenal rentan terhadapnya, setiap penyimpanan ulang memperkenalkan kesalahan kuantisasi segar dalam koefisien transformasi cosine diskrit; subsampling chroma menggandakan efek di seluruh penyimpanan, dengan saluran chroma menjadi semakin lembut dan batas warna berdarah. Visualisasi Cloudinary yang terkenal menunjukkan JPEG yang disimpan ulang lima puluh kali menurun menjadi karikatur yang dapat dikenali tetapi terlihat rusak dari dirinya sendiri. Saran standar adalah menyimpan salinan master yang tidak dimodifikasi dari gambar apa pun yang mungkin ingin Anda edit ulang. Namun, ada trik khusus yang memungkinkan JPEG dipotong tanpa pengkodean ulang, asalkan kendala geometris tertentu dipenuhi. Kompresi JPEG beroperasi pada blok piksel 8x8 (atau makroblok 16x16 dengan subsampling chroma). Jika batas pemotongan jatuh persis pada tepi blok ini, apa yang disebut spesifikasi JPEG sebagai batas iMCU, wilayah yang dipotong dapat diekstraksi dengan menyusun ulang koefisien DCT terkompresi yang ada tanpa pernah mendekodekannya kembali ke piksel. Implementasi kanonik adalah jpegtran, utilitas baris perintah yang dikirimkan dengan libjpeg Independent JPEG Group, diatur oleh Tom Lane dan pertama kali dirilis pada 7 Oktober 1991. Canvas API tidak memiliki yang setara, pemotongan JPEG berbasis browser selalu mengkode ulang; yang terbaik yang dapat dilakukan alat adalah memilih pengaturan kualitas tinggi (alat ini menggunakan 92%, yang konservatif dan kompeten secara visual). Untuk PNG dan WebP-lossless, situasinya berbeda: format-format itu mengkode piksel secara deterministik, jadi pemotongan diikuti oleh penyimpanan ulang dalam format yang sama adalah bit-perfect pada piksel yang dipotong. PNG adalah format keluaran yang direkomendasikan untuk setiap pemotongan di mana pelestarian piksel lebih penting daripada ukuran file, misalnya, tangkapan layar atau mockup UI.

Peristiwa Touch dan Pointer, Mengapa Pegangan Harus Cukup Besar

Sampai spesifikasi Pointer Events matang, membangun pegangan tarik tunggal yang bekerja dengan benar pada mouse desktop, jari pada layar sentuh dan stylus pada tablet membutuhkan juggling tiga keluarga event. Pointer Events Level 2 mencapai status W3C Recommendation pada 4 April 2019, menyatukan ini ke dalam keluarga event yang koheren tunggal dengan pointerdown, pointermove, pointerup dan atribut pointerType yang mengekspos kelas perangkat yang mendasari. Untuk bagian alat pemotong yang menghadap pengguna, pegangan sudut yang Anda tarik untuk mengubah ukuran pilihan pemotongan, dan area pusat yang Anda tarik untuk memindahkannya, ergonomi sentuh penting. Pedoman platform berkumpul di nomor yang sama: Apple Human Interface Guidelines menentukan target hit minimum 44x44 poin; Material Design menentukan 48x48 dp; WCAG 2.5.5 (Level AAA, "Target Size") memerlukan 44x44 piksel CSS; WCAG 2.5.8 (Level AA, "Target Size (Minimum)", ditambahkan di WCAG 2.2) memerlukan minimum 24x24 piksel CSS, dengan pengecualian jarak. Implikasi praktis: pegangan sudut yang dicat sebagai persegi piksel kecil 8x8 sangat sulit untuk diraih pada telepon. Dekorasi yang terlihat dapat tetap kecil, tetapi area hit yang mendasari harus diperpanjang oleh padding transparan sehingga target efektif memenuhi setidaknya ambang batas WCAG AA 24x24, idealnya 44x44 dari panduan AAA / Apple.

Lanskap Library, dan Mengapa Alat Ini Tidak Menggunakan Salah Satu

Library pemotongan sisi klien open-source dominan adalah Cropper.js oleh Chen Fengyuan, berlisensi MIT, dengan sekitar 13,8k bintang GitHub dan sekitar 1,4 juta unduhan npm mingguan pada awal 2026. Set fiturnya komprehensif: sentuh dan mouse, zoom mouse-wheel dan pinch, free-rotate, flip horizontal dan vertikal, beberapa mode rasio aspek, gambar yang dapat dipindahkan di dalam bingkai pemotongan tetap dan hook event yang kaya. react-image-crop oleh Dominic Tobias adalah komponen khusus React yang disederhanakan, berlisensi ISC, di bawah 5 KB gzipped. Pintura oleh PQINA adalah editor gambar JavaScript komersial yang mencakup pemotongan bersama dengan resize, rotate, filter, anotasi, stiker, watermark dan alat redaksi, dijual pada tingkat langganan dari sekitar $13 hingga $317 per bulan, digunakan oleh perusahaan termasuk Dropbox, Square, dan ConvertKit. smartcrop.js oleh Jonas Wagner (2014) adalah algoritma pemotongan yang sadar-konten yang menggunakan heuristik pemrosesan gambar (saturasi warna, deteksi tepi) untuk menemukan pemotongan yang masuk akal secara estetika secara otomatis daripada menunggu input pengguna. Alat ini sengaja tidak menggunakan satu pun dari itu, ini adalah implementasi kecil, single-purpose, framework-free. Tidak mencoba bersaing dengan Cropper.js pada keluasan fitur; itu disesuaikan untuk satu kunjungan, satu gambar, satu pemotongan, satu unduhan, tanpa unggah, tanpa akun dan tanpa script-tag yang ditarik dari CDN.

Privasi: Mengapa Browser-Saja Penting di Sini

Pemotong sisi-server (iLoveIMG, Adobe Express, Canva dan sebagian besar situs "online image cropper") memerlukan pengunggahan gambar Anda ke server pihak ketiga. iLoveIMG mendokumentasikan kebijakan penghapusan dua jam; Adobe Express dan Canva memiliki ketentuan serupa tetapi bervariasi. Bahkan dengan penghapusan paling teliti, unggah itu sendiri adalah peristiwa jaringan yang dapat dicatat, dicegat atau dilanggar. Untuk foto liburan biasa ini baik-baik saja. Untuk foto pribadi dengan metadata EXIF GPS, pemindaian dokumen yang mengandung PII (halaman paspor, kartu ID, dokumen pajak, formulir asuransi), tangkapan layar UI kerja internal, pencitraan medis atau apa pun yang tidak ingin Anda salin ke hard drive orang asing, "gambar tetap di perangkat saya" adalah satu-satunya arsitektur yang aman. Alat ini menjalankan seluruh pipeline pemotongan, pemilihan file, decode, pemotongan canvas, pengkodean ulang, pengunduhan, secara lokal di browser Anda melalui JavaScript. Tidak ada unggahan, tidak ada panggilan API, tidak ada entri log. Anda dapat memverifikasi dengan membuka tab Network DevTools saat Anda memotong: tidak ada permintaan keluar yang membawa data gambar. Lebih baik lagi, bawa halaman offline (mode pesawat) setelah dimuat dan konfirmasi cropper masih berfungsi, bukti empiris terkuat bahwa tidak ada yang sedang diunggah.

Pertanyaan yang Sering Diajukan

Apakah memotong mengurangi kualitas gambar?

Tidak. Pemotongan mengekstrak area yang dipilih pada resolusi aslinya. Satu-satunya pertimbangan kualitas adalah format keluaran · JPEG menggunakan pengaturan kualitas tinggi (92%) untuk meminimalkan artefak.

Bisakah saya memotong ke dimensi piksel yang tepat?

Seleksi potong menampilkan dimensi pikselnya secara real time. Untuk ukuran piksel yang tepat, gunakan alat Image Resizer kami setelah memotong untuk mengubah ukuran hasil ke dimensi yang presisi.

Apakah gambar saya diunggah ke mana pun?

Tidak. Semua pemotongan terjadi di browser Anda menggunakan Canvas API. Gambar Anda tetap di perangkat Anda sepanjang waktu.

Rasio aspek mana yang harus saya pilih?

Cocokkan platform tujuan. Engagement feed Instagram menyukai potret 4:5 (5:4 vertikal, 1080x1350) daripada persegi 1:1; thumbnail YouTube adalah 16:9 (1280x720); TikTok dan Instagram Stories/Reels adalah 9:16 vertikal (1080x1920); pratinjau tautan Facebook/LinkedIn melalui Open Graph adalah 1.91:1 (1200x630); pin standar Pinterest adalah 2:3 (1000x1500). Untuk cetak, kertas seri-A adalah 1:√2 (≈1:1.414); film 35mm dan sebagian besar sensor DSLR adalah 3:2; iPad dan foto 4:3 lama adalah 4:3. Gunakan "Bebas" jika Anda memotong untuk seni daripada untuk platform tertentu.

Apakah gambar saya diunggah ke mana pun?

Tidak. Semua pemrosesan, pemilihan file, decode, pemilihan pemotongan, pengkodean ulang canvas, pengunduhan, terjadi secara lokal di browser Anda melalui JavaScript dan HTML Canvas API. Tidak ada gambar yang dikirim ke server, tidak ada panggilan API yang dibuat, tidak ada entri log yang dibuat. Anda dapat memverifikasi di tab Network DevTools saat Anda memotong, atau bawa halaman offline setelah dimuat dan konfirmasi cropper masih berfungsi. Aman untuk foto pribadi dengan GPS yang disematkan, pemindaian dokumen yang mengandung PII, tangkapan layar UI kerja internal atau gambar apa pun yang tidak ingin Anda salin ke hard drive orang asing.

Apakah pemotongan menghapus metadata EXIF?

Ya, sebagai efek samping. Canvas API hanya menyimpan data piksel, jadi blok metadata EXIF, IPTC dan XMP (model kamera, pengaturan eksposur, koordinat GPS, tag hak cipta) tidak bertahan dari round-trip, mereka hilang dari output yang dipotong. Ini adalah kemenangan privasi ketika Anda berbagi gambar yang dipotong ke forum atau aplikasi chat yang tidak menghapus EXIF saat unggah. Jika Anda perlu mempertahankan metadata (fotografer mengarsipkan data eksposur, alur kerja konten yang memerlukan tag hak cipta), ini adalah alat yang salah, gunakan convert ImageMagick atau library yang sadar-EXIF khusus yang secara eksplisit mempertahankan metadata.

Alat Terkait