Langsung ke konten utama

Pemotong Gambar gratis

Potong gambar dengan seret untuk memilih, batasan rasio aspek opsional (1:1, 16:9, 4:3, dll.), grid aturan sepertiga, dan ekspor multi-format (JPEG, PNG, WebP).

Berfungsi offline setelah dimuat

Letakkan file di sini, atau klik untuk memilih

JPG, PNG, WebP, HEIC, HEIF · diproses di perangkat Anda

atau tekan Ctrl+V untuk menempel dari papan klip

Jelajahi file

Tips: Anda bisa menempel tangkapan layar dengan Ctrl+V

File Anda tidak pernah meninggalkan perangkat. Semua pemrosesan terjadi secara lokal di browser Anda.

Penggunaan umum

  • Potong Foto untuk InstagramPotong ke rasio aspek Instagram yang disukai: 1:1 (persegi), 4:5 (potret), dan 1.91:1 (lanskap).
  • Potong Foto Profil ke KotakBuat foto profil persegi untuk LinkedIn, Twitter, GitHub, atau platform media sosial apa pun.
  • Potong Thumbnail YouTube dan ArtikelPotong ke rasio aspek 16:9 yang digunakan oleh video YouTube dan sebagian besar gambar pahlawan blog.
  • Potong Foto Paspor / IDPotong foto ke rasio potret standar 2:3 untuk aplikasi paspor, visa, dan ID.
  • Potong Foto Produk E-CommerceStandardisasi rasio aspek foto produk untuk Amazon, Shopify, Etsy, dan pasar lainnya.

Cara kerja

Pemotongan terjadi sepenuhnya di browser Anda menggunakan HTML5 Canvas API — tanpa unggahan, tanpa server. Anda menyeret area pilihan langsung pada elemen kanvas, dan saat Anda menerapkan pemotongan, mesin rendering 2D bawaan browser hanya membaca piksel yang dipilih dan mengodekan ulang menjadi JPEG, PNG, atau WebP.

  1. 1
    Gambar dimuat ke memori
    File Anda dibaca dengan URL.createObjectURL(), yang menyerahkan URL blob lokal ke browser. HTMLImageElement mendekode file sepenuhnya di tab browser — byte gambar tidak pernah meninggalkan perangkat Anda.
  2. 2
    Pointer Events menjalankan pilihan pemotongan
    Pointer Events API browser (yang menyatukan masukan mouse, sentuh, dan pena) melacak seretan pada overlay kanvas. Menekan di luar pilihan memulai persegi panjang baru; menekan di dalam menggesernya; menekan dekat sudut kanan-bawah mengubah ukurannya. Preset rasio-aspek opsional (1:1, 16:9, 4:3, dll.) membatasi geometri selama penyeretan.
  3. 3
    Canvas menggambar pratinjau langsung
    Setiap ada perubahan pemotongan, konteks Canvas 2D menggambar ulang gambar, menerapkan overlay gelap di luar pilihan, membersihkan area pemotongan untuk menampilkan gambar asli dengan fidelitas penuh, dan menumpangkan grid aturan-sepertiga dan pegangan ubah-ukuran teal.
  4. 4
    toBlob() mengodekan dan mengirim hasilnya
    Saat Anda mengklik Potong, kanvas di luar layar baru dibuat pada dimensi pemotongan yang tepat. ctx.drawImage() menyalin hanya persegi panjang yang dipilih, dan canvas.toBlob() mengodekan hasilnya menggunakan encoder JPEG, PNG, atau WebP native browser pada pengaturan kualitas pilihan Anda. Keluaran diserahkan kembali sebagai URL blob lokal untuk diunduh.

Gambar Anda dibuka sebagai URL blob lokal dan diproses sepenuhnya di dalam tab browser Anda — tidak ada yang diunggah ke server mana pun kapan pun.

Alat terkait

Pertanyaan yang sering diajukan