แปลงฟรี

รูปภาพ ครอปเปอร์

ครอบตัดรูปภาพตามขนาดหรืออัตราส่วนภาพ เลือกจากค่าที่ตั้งไว้ล่วงหน้า เช่น 1:1, 4:3, 16:9 หรือตั้งค่าพื้นที่ครอบตัดแบบกำหนดเอง

วางภาพของคุณที่นี่

รองรับ PNG, JPG, WEBP, GIF และอื่นๆ

หรือ

เกี่ยวกับเครื่องมือนี้

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

เครื่องมือนี้ทำงานในเบราว์เซอร์ของคุณโดยใช้ Canvas API รูปภาพต้นฉบับจะโหลดลงในหน้าตัวอย่างโดยที่คุณเลือกสี่เหลี่ยมครอบตัดโดยการลาก อัตราส่วนภาพทั่วไป (1:1, 16:9, 4:3, 3:2, 9:16 สำหรับเรื่องราว) มีให้เป็นค่าที่ตั้งไว้ล่วงหน้า นอกจากนี้ยังรองรับอัตราส่วนที่กำหนดเองและขนาดพิกเซลที่แม่นยำอีกด้วย

การครอบตัดจะไม่ทำลายในแง่ที่ว่าพิกเซลภายในขอบเขตที่เลือกยังคงเหมือนเดิมกับแหล่งที่มา รูปแบบภาพจะยังคงเหมือนเดิมเว้นแต่คุณจะเปลี่ยน คุณภาพจะไม่เปลี่ยนแปลงสำหรับรูปแบบที่ไม่มีการสูญเสีย และได้รับผลกระทบน้อยที่สุดสำหรับรูปแบบที่สูญเสีย (การเข้ารหัสซ้ำจะสูญเสียคุณภาพเพียงเล็กน้อย)

ทำไมต้องครอบตัดรูปภาพ

การปรับปรุงองค์ประกอบเป็นสาเหตุที่พบบ่อยที่สุด ภาพถ่ายที่ส่งตรงจากกล้องมักมีพื้นที่ว่าง มีองค์ประกอบที่รบกวนสายตา หรือการจัดเฟรมที่ไม่เน้นตัวแบบ การครอบตัดแก้ไขปัญหาเหล่านี้ได้อย่างรวดเร็ว

การปรับอัตราส่วนภาพก็มีการใช้งานบ่อยครั้งเช่นกัน การครอบตัดแบบสี่เหลี่ยมสำหรับ Instagram, 16:9 สำหรับภาพขนาดย่อของวิดีโอ, แนวตั้ง 9:16 สำหรับเรื่องราว — แต่ละแพลตฟอร์มมีอัตราส่วนที่ต้องการ และการครอบตัดเป็นวิธีหนึ่งในการปรับรูปภาพให้พอดีกับรูปแบบเหล่านั้น

วิธีใช้งาน

อัปโหลด ลากพื้นที่ครอบตัด บันทึกผลลัพธ์

  1. อัปโหลดภาพของคุณ: ลาก JPEG, PNG หรือ WebP ลงในพื้นที่อัพโหลด รองรับไฟล์ขนาดสูงสุด 50 MB
  2. เลือกอัตราส่วนภาพ: เลือกจากค่าที่ตั้งไว้ล่วงหน้า (สี่เหลี่ยมจัตุรัส 1:1, จอไวด์สกรีน 16:9, 4:3, 3:2, แนวตั้ง 9:16) หรือตั้งค่าอัตราส่วนแบบกำหนดเอง รูปสี่เหลี่ยมครอบตัดจะจำกัดอัตราส่วนที่เลือก
  3. ลากพื้นที่ครอบตัด: วางตำแหน่งและปรับขนาดสี่เหลี่ยมครอบตัดในหน้าตัวอย่าง ข้อเสนอแนะแบบเรียลไทม์จะแสดงสิ่งที่จะถูกเก็บไว้
  4. ครอบตัดและดาวน์โหลด: คลิกครอบตัด เบราเซอร์จะดึงขอบเขตที่เลือกลงบนผืนผ้าใบใหม่และส่งออก บันทึกภาพที่ครอบตัด

กรณีการใช้งานทั่วไป

รายละเอียดทางเทคนิค

พื้นที่ครอบตัดถูกกำหนดโดยสี่เหลี่ยม (x, y, ความกว้าง, ความสูง) ในพิกัดพิกเซลของต้นทาง DrawImage ของ Canvas API พร้อมพารามิเตอร์ต้นทางและปลายทางจะแยกขอบเขตนี้ออกเป็นผืนผ้าใบใหม่ในขนาดที่ครอบตัด

ข้อจำกัดด้านอัตราส่วนจะยึดสี่เหลี่ยมครอบตัด: การเปลี่ยนมิติหนึ่งจะปรับอีกมิติหนึ่งโดยอัตโนมัติเพื่อรักษาอัตราส่วนที่เลือกไว้ โหมดรูปแบบอิสระช่วยให้คุณระบุสี่เหลี่ยมใดก็ได้

รูปแบบเอาต์พุตจะมีค่าเริ่มต้นเป็นรูปแบบต้นฉบับ การเข้ารหัสรูปแบบการสูญเสีย (JPEG) อีกครั้งทำให้เกิดการสูญเสียรุ่นเล็กน้อย รูปแบบที่ไม่สูญเสียข้อมูล (PNG, WebP lossless) จะรักษาพิกเซลที่แน่นอน

แนวทางปฏิบัติที่ดีที่สุด

คำถามที่พบบ่อย

มีอัตราส่วนภาพอะไรบ้าง?
ค่าที่ตั้งไว้ทั่วไป ได้แก่ 1:1 (สี่เหลี่ยมจัตุรัส, Instagram), 4:3 (ภาพถ่ายมาตรฐาน), 3:2 (ภาพถ่าย DSLR), 16:9 (จอกว้าง), 9:16 (เรื่องราว/ม้วน) และรูปแบบอิสระ (กำหนดเอง) คุณยังสามารถป้อนอัตราส่วนที่กำหนดเองได้
การครอบตัดลดคุณภาพของภาพหรือไม่?
การครอบตัดจะลบพิกเซลออกจากขอบ ดังนั้นรูปภาพที่เหลือจึงมีจำนวนพิกเซลทั้งหมดน้อยลง แต่แต่ละพิกเซลยังคงคุณภาพดั้งเดิมไว้ การบันทึกซ้ำเนื่องจาก JPG อาจทำให้เกิดการบีบอัดข้อมูลเล็กน้อย
ฉันสามารถครอบตัดเป็นทรงกลมได้หรือไม่?
เครื่องมือนี้จะครอบตัดเป็นรูปทรงสี่เหลี่ยม/สี่เหลี่ยม สำหรับการครอบตัดวงกลม คุณสามารถครอบตัดเป็นสี่เหลี่ยมจัตุรัส 1:1 จากนั้นใช้รัศมีเส้นขอบใน CSS หรือใช้เครื่องมือครอบตัดวงกลมโดยเฉพาะ
อัตราส่วนการครอบตัดที่ดีที่สุดสำหรับรูปโปรไฟล์คือเท่าใด
แพลตฟอร์มส่วนใหญ่ใช้อัตราส่วน 1:1 (สี่เหลี่ยมจัตุรัส) สำหรับรูปโปรไฟล์ จากนั้นจึงแสดงเป็นวงกลม ครอบตัดเป็น 1:1 ที่ความละเอียดขั้นต่ำ 400×400 พิกเซลเพื่อให้ได้ภาพโปรไฟล์ที่คมชัดในทุกแพลตฟอร์ม
จะเกิดอะไรขึ้นกับข้อมูลเมตาหลังจากการครอบตัด
แถบการครอบตัดที่ใช้ Canvas EXIF โปรไฟล์ ICC และข้อมูลเมตาอื่น ๆ ผลลัพธ์มีเฉพาะข้อมูลพิกเซล สำหรับการครอบตัดแบบรักษาข้อมูลเมตา ให้ใช้เครื่องมือเดสก์ท็อป
รูปภาพของฉันถูกอัพโหลดไปยังเซิร์ฟเวอร์หรือไม่?
ไม่ การครอบตัดเกิดขึ้นในเบราว์เซอร์ของคุณ
ฉันสามารถยกเลิกการครอบตัดได้หรือไม่?
ใช่ ภายในเครื่องมือนี้ — ปรับสี่เหลี่ยมครอบตัดก่อนที่จะดาวน์โหลด เมื่อดาวน์โหลดและปิดแหล่งที่มาแล้ว พิกเซลที่ครอบตัดจะหายไป เว้นแต่คุณจะมีต้นฉบับ
ขนาดไฟล์สูงสุดคือเท่าไร?
50 เมกะไบต์ ไฟล์ขนาดใหญ่อาจทำให้หน่วยความจำของเบราว์เซอร์เครียดในระหว่างการแสดงตัวอย่าง