Potong Gambar

Cara kerja pemotongan

Saat Anda membuka sebuah gambar, browser mendekodenya menjadi piksel mentah dengan createImageBitmap() dan memperbaiki orientasinya. Anda menggeser kotak potong di atas pratinjau; alat ini memetakan kotak tersebut dari koordinat layar ke piksel gambar asli menggunakan satu skala seragam, lalu menyalin persegi panjang itu saja ke canvas baru dengan ctx.drawImage(image, sx, sy, sw, sh, 0, 0, sw, sh). Terakhir canvas.toBlob() mengenkode hasilnya ke JPEG, PNG, atau WebP. Tidak ada unggahan dan tidak ada perjalanan bolak-balik ke server — seluruh pemotongan terjadi di tab Anda.

• Geser bagian tengah kotak untuk memindahkan seleksi; geser pegangan sudut atau tepi untuk mengubah ukurannya.
• Kunci sebuah rasio (1:1, 16:9, paspor 7:9…) agar potongan mempertahankan bentuk tetap saat Anda mengubah ukurannya.
• Putar atau balik gambar terlebih dahulu jika miring atau tercermin, lalu potong.
• Potong lingkaran memasker seleksi persegi menjadi lingkaran dan menyimpan PNG transparan.

Ukuran potongan foto yang umum

Rasio aspek menentukan bentuknya; ukuran piksel persis adalah langkah terpisah — potong ke rasionya di sini, lalu buka Pengubah Ukuran Gambar untuk menetapkan lebar dan tinggi tepat yang diminta sebuah formulir.

Potong, ubah ukuran, atau kompres — mana yang Anda butuhkan?

Tips untuk potongan yang rapi

• Pilih rasionya lebih dulu. Kunci bentuknya (mis. 1:1 untuk foto ujian, 7:9 untuk paspor) sebelum memposisikan, sehingga mengubah ukuran kotak tidak dapat mendistorsinya.
• Tempatkan subjek di tengah. Untuk foto identitas, jaga kepala tetap di tengah dengan sedikit ruang di atasnya — sebagian besar portal menolak wajah yang tidak di tengah atau miring.
• Potong, lalu ubah ukuran, lalu kompres. Potong ke bentuk yang tepat di sini, tetapkan piksel persisnya dengan Pengubah Ukuran, lalu capai batas KB dengan Kompres ke Ukuran — urutan ini mempertahankan kualitas paling banyak.
• Gunakan PNG untuk lingkaran dan grafik. Potongan lingkaran dan gambar dengan teks/garis tetap tajam serta mempertahankan sudut transparan dalam PNG; JPEG paling baik untuk foto biasa.
• Putar sebelum memotong jika fotonya miring — kotak potong selalu bekerja pada gambar yang tegak.

Apa sebenarnya rasio aspek itu

Rasio aspek hanyalah perbandingan lebar sebuah gambar terhadap tingginya, ditulis sebagai dua angka yang dipisahkan titik dua. Rasio 1:1 adalah persegi sempurna; 16:9 adalah persegi panjang lebar sepanjang 16 satuan untuk setiap 9 satuan tinggi. Angka-angka ini adalah proporsi, bukan piksel — 16:9 menggambarkan bingkai 1920×1080 dan bingkai 1280×720 secara setara, karena keduanya menyederhana menjadi 16:9 yang sama. Anda menemukan bentuk paling sederhana dengan cara yang sama seperti menyederhanakan pecahan: bagi kedua sisi dengan faktor persekutuan terbesarnya. 1920×1080 sama-sama dibagi 120 menghasilkan 16:9; foto paspor India berukuran 35×45 mm dibagi 5 menghasilkan 7:9.

Mengunci sebuah rasio di alat ini menjaga proporsi tersebut tetap saat Anda mengubah ukuran kotak potong, sehingga seleksinya tidak pernah berakhir sedikit teregang atau terjepit. Itu penting karena potongan hanya pernah membuang piksel — tidak pernah menskalakannya — jadi bentuk yang Anda pilih di sini adalah bentuk persis yang Anda unduh. Rasio-rasio umum ada karena alasan nyata yang layak diketahui:

• 1:1 (persegi) — foto profil, ikon aplikasi, sebagian besar foto ujian dan identitas, format klasik Instagram.
• 4:3 — rasio foto tradisional dan layar lama; masih umum untuk cetakan dan banyak sensor kamera.
• 3:2 — rasio film 35 mm, dipakai sebagian besar DSLR dan cetakan standar 4×6 inci.
• 16:9 — rasio video layar lebar dan layar modern; bentuk yang tepat untuk thumbnail YouTube dan latar slide.
• 9:16 — video vertikal: Reels, Shorts, TikTok, dan wallpaper layar ponsel.
• 7:9 — proporsi 35×45 mm yang dipakai foto paspor India dan sebagian besar foto visa.

Dari milimeter ke piksel: ukuran cetak dan DPI

Persyaratan paspor dan ukuran stempel diberikan dalam milimeter, tetapi gambar digital diukur dalam piksel, dan jembatan di antara keduanya adalah DPI (titik per inci, setara dengan piksel per inci). Konversinya adalah aritmetika sederhana: piksel = milimeter ÷ 25,4 × DPI, karena ada 25,4 mm dalam satu inci. Foto cetak secara konvensional dibuat pada 300 DPI, yaitu titik saat masing-masing titik menjadi tak terlihat pada jarak baca.

Jika dihitung, foto paspor India 35 × 45 mm pada 300 DPI adalah (35 ÷ 25,4 × 300) × (45 ÷ 25,4 × 300) ≈ 413 × 531 piksel. Foto visa US 2 × 2 inci pada 300 DPI adalah tepat 600 × 600 piksel. Inilah sebabnya "potong ke rasionya di sini, lalu ubah ukuran ke ukuran piksel persis" adalah urutan yang disarankan: pemotongan menetapkan bentuk (7:9, 1:1), dan langkah pengubahan ukuran mengubah bentuk itu menjadi jumlah piksel tepat yang dituntut sebuah portal. Pilih DPI lebih tinggi hanya jika sebuah printer secara khusus memintanya — untuk unggahan di layar, dimensi piksel yang disebutkan portal itulah yang penting, dan DPI hanyalah satuan yang Anda pakai untuk sampai ke sana.

Komposisi: di mana menempatkan subjek

Potongan yang baik sama pentingnya soal apa yang Anda buang dan apa yang Anda pertahankan. Dua aturan sederhana mencakup sebagian besar situasi:

• Aturan sepertiga (rule of thirds). Bayangkan bingkai dibagi menjadi kisi 3×3. Menempatkan subjek Anda — atau mata seseorang — pada salah satu garis kisi atau perpotongannya cenderung terlihat lebih alami dan seimbang daripada tepat di tengah. Ini adalah panduan yang telah dipakai fotografer selama berabad-abad, bukan hukum, tetapi merupakan default yang andal untuk gambar hero, spanduk, dan unggahan media sosial.
• Ruang kepala dan pemusatan untuk foto identitas. Dokumen identitas membalik saran itu: paspor, visa, dan portal ujian menginginkan kepala di tengah, menghadap ke depan, dengan margin ruang yang kecil dan merata di atas rambut serta wajah mengisi porsi bingkai yang konsisten. Wajah yang tidak di tengah, miring, atau terlalu diperbesar termasuk alasan paling umum pemeriksaan foto otomatis menolak sebuah unggahan, jadi untuk keperluan ini gunakan preset foto khusus dan jaga wajah tetap tegak di tengah.

Memotong dengan ketat juga memberi keuntungan tersembunyi: foto yang dipotong hanya sampai subjeknya, dengan latar belakang terpangkas, terkompres menjadi file yang jauh lebih kecil daripada foto yang penuh ruang kosong — berguna ketika gambar yang sama kemudian harus muat dalam batas KB yang ketat.

Potongan lingkaran, transparansi, dan pilihan format

Avatar bulat sebenarnya adalah potongan persegi dengan sudut-sudut yang dibuat tak terlihat, dan "tak terlihat" itulah jebakannya. Hanya format dengan kanal alfa — lapisan tambahan yang mencatat seberapa transparan setiap piksel — yang dapat menyimpan sudut tembus pandang. PNG dan WebP memilikinya; JPEG tidak. Jika Anda menyimpan potongan lingkaran sebagai JPEG, format itu tidak punya tempat untuk mencatat transparansi, sehingga ia akan mengisi keempat sudut dengan warna solid (putih, pada alat ini) dan Anda akan mendapat persegi bersudut putih alih-alih lingkaran yang bersih. Itulah tepatnya mengapa tombol Lingkaran selalu menghasilkan PNG: sudut-sudutnya tetap benar-benar transparan, sehingga avatar menyatu rapi di atas warna latar apa pun yang ditempatkan situs web atau aplikasi di belakangnya.

Untuk potongan persegi panjang, pilihan format mengikuti isinya. Pilih JPEG untuk foto biasa ketika file kecil itu penting dan sedikit kompresi tidak terlihat; pilih PNG untuk tangkapan layar, logo, line art, atau apa pun dengan teks tajam dan warna datar, tempat enkode lossless menjaga tepi tetap renyah; pilih WebP saat Anda ingin kualitas setara PNG pada ukuran lebih kecil dan tujuannya mendukungnya.

Apakah memotong menghilangkan kualitas? Piksel, enkode ulang, dan orientasi

Pemotongan itu sendiri bersifat lossless: ia membuang piksel di luar seleksi Anda dan menyalin piksel di dalamnya secara verbatim, tanpa peregangan atau resampling, sehingga setiap piksel yang dipertahankan identik dengan aslinya. Satu-satunya tempat kualitas dapat berubah adalah enkode ulang terakhir. Jika Anda menyimpan potongan sebagai JPEG, enkoder menerapkan kompresi lossy biasanya (dikendalikan slider kualitas); jika Anda menyimpan sebagai PNG atau WebP lossless, bahkan langkah itu pun persis. Jadi untuk hasil setajam mungkin pada teks atau garis halus, keluarkan PNG; untuk file terkecil pada foto biasa, JPEG pada kualitas 85–92 tampak identik secara visual dengan sumbernya.

Satu kehalusan lagi yang ditangani alat ini untuk Anda adalah orientasi EXIF. Kamera ponsel sering menyimpan piksel foto dalam posisi miring dan menambahkan penanda metadata yang berkata "putar ini saat ditampilkan." Jika sebuah pemotong mengabaikan penanda tersebut, gambar yang Anda potong dan gambar yang Anda lihat bisa berbeda. Alat ini mendekode dengan orientasi diterapkan lebih dulu, sehingga gambar tegak di layar persis itulah yang dikenai kotak potong — dan karena hasilnya dienkode ulang melalui canvas, blok EXIF (termasuk koordinat GPS apa pun) terhapus dari keluarannya, sebuah kemenangan privasi kecil setiap kali Anda membagikan gambar yang dipotong.

Alat terkait

• Pengubah Ukuran Gambar (piksel persis)
• Kompres ke Ukuran Target (KB)
• Kompresor Gambar (berdasarkan kualitas)
• Gambar ke PDF