Pengubah Ukuran Gambar gratis

Cara kerja

Mengubah ukuran terjadi sepenuhnya di browser Anda menggunakan Canvas API — mesin rendering yang sama yang dibangun ke dalam Chrome, Firefox, dan Safari. Gambar Anda digambar ke kanvas di luar layar pada dimensi baru dan dikodekan ulang secara lokal; tidak ada yang meninggalkan perangkat Anda.

1. 1
   Gambar didekode oleh browser

   Saat Anda menjatuhkan atau memilih file, browser mendekode gambar (JPEG, PNG, WebP, AVIF, atau GIF) menjadi data piksel mentah via HTMLImageElement. Dimensi piksel asli dibaca dan digunakan untuk mengisi awal bidang lebar dan tinggi.
2. 2
   Canvas menggambar ulang pada ukuran baru

   Mengklik Ubah Ukuran mengatur HTMLCanvasElement di luar layar ke lebar dan tinggi pilihan Anda, lalu memanggil ctx.drawImage() untuk menskalakan dan melukis setiap piksel ke dimensi baru. Untuk keluaran JPEG, isian latar putih diterapkan terlebih dahulu sehingga area transparan tidak menjadi hitam.
3. 3
   canvas.toBlob() mengodekan keluaran

   Metode canvas.toBlob() bawaan browser mengodekan data piksel ke JPEG, PNG, atau WebP pada tingkat kualitas yang Anda atur. Jika Anda menentukan ukuran file target, pencarian biner 7-iterasi secara otomatis menyesuaikan parameter kualitas hingga keluaran pas pada atau di bawah ukuran itu.
4. 4
   Hasil dipratinjau dan diunduh secara lokal

   Blob yang dikodekan diubah menjadi URL objek untuk panel pratinjau — tanpa perjalanan pulang-pergi server. Mengklik unduh memicu penyimpanan lokal dengan nama file yang menyertakan dimensi piksel akhir.

Alat terkait