ตัวปรับขนาดรูปภาพ ฟรี

วิธีการทำงาน

การปรับขนาดเกิดขึ้นในเบราว์เซอร์ทั้งหมดด้วย Canvas API — เอนจินเรนเดอร์เดียวกับที่อยู่ใน Chrome, Firefox และ Safari ภาพของคุณถูกวาดลงบน canvas นอกจอที่ขนาดใหม่และเข้ารหัสใหม่ในเครื่อง ไม่มีสิ่งใดออกจากอุปกรณ์

1. 1
   เบราว์เซอร์ถอดรหัสภาพ

   เมื่อคุณวางหรือเลือกไฟล์ เบราว์เซอร์จะถอดรหัสภาพ (JPEG, PNG, WebP, AVIF หรือ GIF) เป็นข้อมูลพิกเซลดิบผ่าน HTMLImageElement ขนาดพิกเซลเดิมถูกอ่านและใช้เติมช่องความกว้างและความสูงล่วงหน้า
2. 2
   Canvas วาดใหม่ที่ขนาดใหม่

   การคลิกปรับขนาดตั้ง HTMLCanvasElement นอกจอเป็นความกว้างและความสูงที่เลือก แล้วเรียก ctx.drawImage() เพื่อปรับขนาดและวาดทุกพิกเซลลงในมิติใหม่ สำหรับผลลัพธ์ JPEG จะเติมพื้นหลังสีขาวก่อน พื้นที่โปร่งใสจึงไม่กลายเป็นสีดำ
3. 3
   canvas.toBlob() เข้ารหัสผลลัพธ์

   เมธอด canvas.toBlob() ในตัวของเบราว์เซอร์เข้ารหัสข้อมูลพิกเซลเป็น JPEG, PNG หรือ WebP ที่ระดับคุณภาพที่ตั้งไว้ หากระบุขนาดไฟล์เป้าหมาย การค้นหาแบบทวิภาค 7 รอบจะปรับพารามิเตอร์คุณภาพอัตโนมัติจนผลลัพธ์มีขนาดไม่เกินที่กำหนด
4. 4
   แสดงตัวอย่างและดาวน์โหลดผลลัพธ์ในเครื่อง

   Blob ที่เข้ารหัสแล้วถูกแปลงเป็น object URL สำหรับแผงตัวอย่าง — ไม่มีการเรียกเซิร์ฟเวอร์ไปกลับ การคลิกดาวน์โหลดจะบันทึกในเครื่องด้วยชื่อไฟล์ที่มีขนาดพิกเซลสุดท้าย

เครื่องมือที่เกี่ยวข้อง