Pengubah Saiz Imej percuma

Cara ia berfungsi

Pengubahan saiz berlaku sepenuhnya dalam pelayar anda menggunakan Canvas API — enjin pemaparan sama terbina dalam Chrome, Firefox, dan Safari. Imej anda dilukis ke atas kanvas luar-skrin pada dimensi baharu dan dikod semula secara tempatan; tiada apa keluar dari peranti anda.

1. 1
   Imej dinyahkod oleh pelayar

   Apabila anda jatuhkan atau pilih fail, pelayar menyahkod imej (JPEG, PNG, WebP, AVIF, atau GIF) kepada data piksel mentah melalui HTMLImageElement. Dimensi piksel asal dibaca dan digunakan untuk mengisi terlebih dahulu medan lebar dan tinggi.
2. 2
   Canvas melukis semula pada saiz baharu

   Mengklik Ubah Saiz menetapkan HTMLCanvasElement luar-skrin kepada lebar dan tinggi pilihan anda, kemudian memanggil ctx.drawImage() untuk skala dan mengecat setiap piksel ke dalam dimensi baharu. Untuk output JPEG, isian latar belakang putih dikenakan dahulu supaya kawasan telus tidak menjadi hitam.
3. 3
   canvas.toBlob() mengekod output

   Kaedah canvas.toBlob() terbina dalam pelayar mengekod data piksel kepada JPEG, PNG, atau WebP pada tahap kualiti yang anda tetapkan. Jika anda nyatakan saiz fail sasaran, carian binari 7-iterasi secara automatik melaraskan parameter kualiti sehingga output muat pada atau di bawah saiz itu.
4. 4
   Hasil dipratonton dan dimuat turun secara tempatan

   Blob terkod ditukar kepada URL objek untuk panel pratonton — tiada pergi-balik pelayan. Mengklik muat turun mencetuskan simpanan tempatan dengan nama fail yang merangkumi dimensi piksel akhir.

Alat berkaitan