Lompat ke konten
Aback Tools Logo

Pemangkas Gambar Canvas & Penyesuai Rasio Aspek

Pangkas, putar, cerminkan, dan ubah ukuran gambar seketika. Kunci kotak pangkas ke rasio aspek standar (seperti 1:1, 16:9, 4:3) atau atur dimensinya dengan bebas. Ubah ukuran dan ekspor hasil Anda sebagai berkas PNG, JPEG, atau WebP sepenuhnya di sisi klien dengan keamanan 100%.

Select Image to Crop

Drag and drop PNG, JPG, JPEG, WebP, SVG or GIF files.

Upload an image to inspect details and configuration settings.

Mengapa Menggunakan Pemangkas Gambar Canvas Kami?

  • Pegangan SVG Interaktif: sesuaikan area pangkas dengan mulus memakai pegangan seret dan ubah ukuran. Dapatkan umpan balik dimensi piksel secara real-time atau tentukan koordinat pangkas secara manual.
  • Penguncian Rasio Aspek: kunci bingkai pangkas ke proporsi standar seperti 1:1, 16:9, 4:3, atau vertikal 9:16, atau beralih ke pangkas bebas untuk dimensi yang sepenuhnya kustom.
  • Kontrol Rotasi & Cermin: putar gambar seketika 90 derajat searah atau berlawanan jarum jam. Cerminkan secara vertikal atau horizontal untuk langsung memperbaiki orientasi.
  • Sandboxing 100% Offline: beroperasi dengan aman di browser Anda. Semua pengeditan canvas, penyesuaian dimensi, dan ekspor berkas berjalan lokal di perangkat Anda tanpa kebocoran data.

Mesin Pangkas Canvas Interaktif

Pemangkas Gambar Canvas memanfaatkan overlay SVG yang dipercepat perangkat keras untuk dipetakan ke konteks rendering HTML5 canvas. Saat gambar dimuat, dimensi alaminya dianalisis dan dipasang ke viewport editor yang responsif. Kotak pembatas virtual mewakili seleksi, mendukung pengubahan ukuran lewat gerakan multi-sentuh dan seret dengan tetikus. Pegangan menerjemahkan koordinat viewport langsung ke piksel ruang gambar, memastikan seleksi pangkas Anda akurat secara matematis hingga piksel individual.

Sandboxing Data Lokal yang Ketat: sejalan dengan standar kerahasiaan data yang ketat, semua komputasi berjalan sepenuhnya di sisi klien. Gambar Anda tidak pernah melintasi jaringan atau berada di server perantara. API browser memproses buffer array biner mentah secara lokal di dalam lingkungan halaman web yang ter-sandbox. Ini memberikan perlindungan penuh untuk dokumen pribadi, catatan perusahaan, dan aset visual yang sensitif.

Matematika Rasio Aspek

Penyesuaian rasio aspek mengunci perbandingan lebar terhadap tinggi dari seleksi pangkas Anda. Memilih preset seperti 16:9, 4:3, atau 1:1 memaksa pegangan untuk diskalakan secara proporsional. Kami memakai persamaan pemasangan kotak rasio aspek untuk otomatis memusatkan bingkai pangkas terbesar yang mungkin di dalam batas gambar target. Untuk tata letak kustom, mode bebas menghapus batasan ini dan memungkinkan pemilihan koordinat secara independen pada sumbu horizontal dan vertikal.

Matriks Rotasi dan Pencerminan

Alat kami mendukung rotasi 90 derajat serta pencerminan horizontal dan vertikal. Aksi ini dihitung melalui algoritma matriks transformasi. Saat Anda memutar atau mencerminkan, koordinat kotak pembatas pangkas dipetakan memakai perhitungan offset (`rotateBoxClockwise` / `rotateBoxCounterClockwise`), sehingga seleksi pangkas Anda otomatis mengikuti kisi gambar yang telah ditransformasi. Ini menghilangkan kebutuhan mengatur ulang bingkai pangkas saat memperbaiki berkas yang miring atau terbalik.

Penskalaan Canvas Berkualitas Tinggi

Saat mengekspor, koordinat pangkas digambar ke konteks canvas di luar layar. Alih-alih memakai penskalaan CSS dasar yang menghasilkan tepi berbintik, browser menjalankan algoritma interpolasi bilinear melalui `CanvasRenderingContext2D.drawImage()`. Ini mempertahankan garis yang bersih dan detail teks yang tajam bahkan saat memperkecil berkas kamera beresolusi tinggi ke ukuran lebih kecil untuk distribusi seluler.

Penggeser Kompresi Multi-Format: mesin ekspor memungkinkan konversi berkas ke format standar: JPEG, PNG, atau WebP. Pengguna dapat menyesuaikan penggeser kualitas untuk menyeimbangkan ukuran berkas dan kejernihan visual. Ekspor ke JPEG atau WebP memakai algoritma kompresi lossy, membuang metadata warna berulang. Keluaran format PNG mempertahankan kanal transparansi lossless, yang penting untuk lencana transparan, grafik, dan ikon situs web.

Pertanyaan yang Sering Diajukan

Pemangkas Gambar Canvas & Penyesuai Rasio Aspek adalah alat desain web gratis yang memungkinkan Anda memangkas, memutar, mencerminkan, dan mengubah ukuran gambar secara lokal di browser. Alat ini memakai API HTML5 Canvas untuk mengedit dan mengonversi grafik Anda tanpa server jarak jauh, sehingga melindungi privasi Anda.

Ya. Anda dapat mengunci kotak seleksi ke rasio aspek standar, termasuk 1:1 untuk foto profil, 16:9 untuk slide layar lebar, 4:3 untuk dokumen standar, atau 9:16 untuk stories seluler. Anda juga dapat memilih opsi pangkas bebas untuk menyeret pegangan ke proporsi kustom apa pun.

Bisa. Anda dapat memutar gambar sembilan puluh derajat searah atau berlawanan jarum jam, dan mencerminkannya secara horizontal atau vertikal. Koordinat kotak seleksi pangkas otomatis menyesuaikan dan beradaptasi dengan kisi rotasi baru, sehingga Anda mudah memperbaiki kesalahan orientasi sebelum menjalankan ekspor pangkas.

Anda dapat mengunggah format gambar standar termasuk PNG, JPEG, JPG, WebP, SVG, dan GIF. Untuk ekspor, Anda dapat menghasilkan berkas yang dipangkas dan diubah ukurannya sebagai PNG berkualitas tinggi, JPEG lossy, atau WebP teroptimasi, tergantung apakah Anda butuh dukungan transparansi atau berkas lebih kecil.

Penggeser kualitas berlaku untuk format ekspor lossy seperti JPEG dan WebP. Menurunkannya memampatkan ukuran berkas dengan mencampur warna yang berulang, sedangkan membiarkannya di seratus persen mempertahankan kesetiaan visual maksimal. Ekspor format PNG melewati kompresi ini karena selalu lossless.

Tidak. Berkas Anda tidak pernah dikirim ke server jarak jauh mana pun atau disimpan di cloud. Semua operasi - termasuk pemuatan gambar, rotasi, pemangkasan canvas, dan pemformatan ekspor - dijalankan murni di dalam sandbox browser Anda. Ini memastikan foto pribadi dan dokumen sensitif Anda tetap sepenuhnya rahasia.

Karena semua pemrosesan dilakukan lokal di memori perangkat Anda, batas ukurannya sepenuhnya bergantung pada kapasitas RAM browser Anda. Editor ini dengan mudah menangani foto digital standar hingga lima puluh megabyte. Untuk berkas kamera beresolusi sangat tinggi, kami sarankan menutup tab browser yang tidak dipakai untuk membebaskan RAM.