วิธีครอบตัดรูปภาพออนไลน์ — คู่มือใช้งาน Image Cropper ฟรี
เรียนรู้วิธีครอบตัดรูปภาพให้ได้ขนาด อัตราส่วน หรือขนาดที่กำหนดเองแบบออนไลน์ฟรี ไม่ต้องติดตั้งซอฟต์แวร์ — รองรับรูปถ่าย สกรีนช็อต และทุกรูปแบบไฟล์ภาพ
การครอบตัดรูปภาพคือการแก้ไขภาพพื้นฐานที่สุด นั่นคือการตัดส่วนที่ไม่ต้องการออก และเก็บเฉพาะส่วนที่ต้องการไว้ ไม่ว่าจะเป็นการตัดสกรีนช็อตสำหรับเอกสาร การครอบรูปให้เป็นสี่เหลี่ยมจัตุรัสสำหรับ Instagram การปรับขนาดภาพสินค้าสำหรับร้านค้า หรือการตัดบุคคลออกจากภาพหมู่ การครอบตัดคือจุดเริ่มต้นเสมอ
Image Cropper ช่วยให้คุณครอบตัดรูปภาพใดก็ได้โดยตรงในเบราว์เซอร์ — ไม่ต้องสมัครบัญชี ไม่ต้องติดตั้งซอฟต์แวร์ ไม่ต้องอัปโหลดไปยังเซิร์ฟเวอร์ รูปภาพของคุณอยู่บนอุปกรณ์ตลอดเวลา
การครอบตัดรูปภาพคืออะไร?
การครอบตัดรูปภาพคือกระบวนการเลือกพื้นที่สี่เหลี่ยมของภาพและตัดทุกอย่างที่อยู่นอกพื้นที่นั้นออก ผลลัพธ์คือภาพที่มีขนาดเล็กลงซึ่งมีเฉพาะส่วนที่คุณเลือกเก็บไว้
การครอบตัดต่างจากการปรับขนาด:
- การครอบตัด ตัดบางส่วนของภาพออก ทำให้เนื้อหาของภาพเปลี่ยนไป
- การปรับขนาด ย่อหรือขยายภาพทั้งหมด เปลี่ยนขนาดแต่ไม่เปลี่ยนเนื้อหา
คุณมักใช้ทั้งสองอย่างร่วมกัน: ครอบตัดให้ได้องค์ประกอบภาพที่ต้องการ แล้วปรับขนาดให้ได้ขนาดเอาต์พุตที่ระบุ
ทำไมต้องครอบตัดรูปภาพ?
ปรับปรุงองค์ประกอบภาพ
เลื่อนวัตถุในภาพไปยังตำแหน่งที่ดีกว่าในเฟรม กฎสามส่วน — การวางวัตถุที่จุด 1 ใน 3 ของภาพแทนที่จะวางไว้ตรงกลางพอดี — มักทำให้ภาพถ่ายดูน่าสนใจและมีชีวิตชีวามากขึ้น
ตัดสิ่งรบกวนออก
ตัดวัตถุ บุคคล หรือองค์ประกอบพื้นหลังที่ไม่ต้องการซึ่งอยู่ริมเฟรมออกไป
รองรับข้อกำหนดของแต่ละแพลตฟอร์ม
แต่ละแพลตฟอร์มมีขนาดรูปภาพที่กำหนดไว้:
| แพลตฟอร์ม | ขนาดที่แนะนำ |
|---|---|
| Instagram โพสต์สี่เหลี่ยมจัตุรัส | 1:1 (1080×1080 px) |
| Instagram แนวตั้ง | 4:5 (1080×1350 px) |
| Facebook cover photo | 820×312 px |
| Twitter/X header | 1500×500 px |
| LinkedIn profile photo | 1:1 (400×400 px) |
| YouTube thumbnail | 16:9 (1280×720 px) |
| Website banner | 16:9 หรือกำหนดเอง |
ลดขนาดไฟล์
รูปภาพที่ครอบตัดอย่างกระชับมีพิกเซลน้อยกว่าและมีขนาดไฟล์เล็กกว่า ซึ่งเป็นประโยชน์ต่อประสิทธิภาพเว็บไซต์
เตรียมภาพสินค้า
แพลตฟอร์ม E-commerce (Amazon, Shopify, Etsy) กำหนดให้ภาพสินค้ามีพื้นหลังสีขาวแบบสี่เหลี่ยมจัตุรัส การครอบตัดเป็นอัตราส่วน 1:1 คือขั้นตอนมาตรฐานแรก
วิธีครอบตัดรูปภาพออนไลน์ (ทีละขั้นตอน)
- เปิด Image Cropper
- อัปโหลดรูปภาพของคุณ — คลิกปุ่มอัปโหลดหรือลากและวางไฟล์ รองรับ JPG, PNG, WebP, GIF, BMP และรูปแบบภาพส่วนใหญ่
- เลือกพื้นที่ครอบตัด — ลากจุดจับบนกรอบครอบตัดเพื่อกำหนดพื้นที่ที่ต้องการเก็บ พื้นที่ที่เลือกจะสว่าง ส่วนพื้นที่ที่จะถูกตัดออกจะมืดลง
- ปรับตำแหน่ง — คลิกภายในกรอบครอบตัดแล้วลากเพื่อย้ายตำแหน่งโดยไม่เปลี่ยนขนาด
- กำหนดอัตราส่วน (ตัวเลือก) — ล็อกการครอบตัดให้ตรงกับอัตราส่วนที่ตั้งไว้ล่วงหน้า เช่น 1:1, 4:3 หรือ 16:9 เพื่อให้เอาต์พุตตรงกับรูปแบบที่ต้องการ
- ระบุขนาดที่กำหนดเอง (ตัวเลือก) — ป้อนขนาดพิกเซลที่แน่นอนหากต้องการเอาต์พุตที่ขนาดเฉพาะเจาะจง
- คลิก Crop หรือ Download — รูปภาพที่ครอบตัดแล้วจะถูกบันทึกลงในอุปกรณ์ของคุณโดยตรง
ทำความเข้าใจอัตราส่วนภาพ
อัตราส่วนภาพคือความสัมพันธ์เชิงสัดส่วนระหว่างความกว้างและความสูงของภาพ เมื่อคุณล็อกอัตราส่วนขณะครอบตัด กรอบครอบตัดจะคงสัดส่วนนั้นไม่ว่าจะปรับขนาดอย่างไรก็ตาม
อัตราส่วนทั่วไปและการใช้งาน
1:1 (สี่เหลี่ยมจัตุรัส) ความกว้างและความสูงเท่ากัน เป็นมาตรฐานสำหรับโพสต์ใน Instagram, รูปโปรไฟล์, ภาพย่อสินค้า และอวาตาร์ ขนาด 1080×1080 px สำหรับคุณภาพสูง
4:3 รูปแบบกล้องถ่ายรูปและโทรทัศน์แบบคลาสสิก เหมาะสำหรับการถ่ายภาพทั่วไป การนำเสนอ (รูปแบบเก่า) และภาพย่อบนเว็บที่ต้องการความกว้างเล็กน้อย
3:2 อัตราส่วนดั้งเดิมของกล้อง DSLR และ mirrorless ส่วนใหญ่ ตรงกับขนาดพิมพ์ 4×6 นิ้ว ใช้เมื่อพิมพ์รูปถ่ายหรือเผยแพร่งานภาพถ่าย
16:9 (จอกว้าง) มาตรฐานสำหรับ YouTube thumbnail, ภาพหน้าจอวิดีโอ, Twitter/X cards, วอลเปเปอร์เดสก์ท็อป และมอนิเตอร์สมัยใหม่ส่วนใหญ่ ขนาดขั้นต่ำ 1280×720 px สำหรับ YouTube thumbnail
4:5 รูปแบบแนวตั้งของ Instagram สูงกว่าความกว้าง จึงใช้พื้นที่หน้าจอในฟีดมากกว่า — มักได้รับการมีส่วนร่วมสูงกว่าโพสต์แบบสี่เหลี่ยมจัตุรัสหรือแนวนอน
9:16 (แนวตั้ง) แนวตั้งเต็มจอสำหรับ Instagram Stories, TikTok, YouTube Shorts และ Reels ขนาดมาตรฐานคือ 1080×1920 px
2:3 แนวตั้งสำหรับกล้องส่วนใหญ่ ตรงกับขนาดพิมพ์รูปถ่ายมาตรฐาน (4×6, 8×12) ใช้สำหรับปกหนังสือและโปสเตอร์
การครอบตัดสำหรับกรณีใช้งานเฉพาะ
รูปโปรไฟล์
ครอบตัดเป็นสี่เหลี่ยมจัตุรัส 1:1 โดยโฟกัสที่ใบหน้าและเว้นพื้นที่เหนือศีรษะเล็กน้อย อย่าตัดเข้าไปถึงคางหรือกระหม่อม สำหรับรูปโปรไฟล์ขนาดเล็ก (ขนาดแสดงผล 32–128 px) ตรวจสอบให้แน่ใจว่าใบหน้าสามารถจดจำได้แม้ในขนาดภาพย่อ
ภาพสินค้าสำหรับ E-commerce
- ครอบตัดสินค้าให้อยู่กึ่งกลางโดยมีพื้นที่สีขาวเท่ากันทุกด้าน
- ใช้อัตราส่วน 1:1 สำหรับ Amazon, Etsy และตลาดซื้อขายส่วนใหญ่
- เว้นระยะห่างรอบสินค้าประมาณ 5–10% — อย่าครอบตัดชิดขอบสินค้ามากเกินไป
- ส่งออกเป็น JPG สำหรับรูปถ่าย (ขนาดไฟล์เล็กกว่า) หรือ PNG สำหรับสินค้าที่ต้องการพื้นหลังโปร่งใส
สกรีนช็อตสำหรับเอกสาร
ครอบตัดให้แสดงเฉพาะองค์ประกอบ UI หรือส่วนที่เกี่ยวข้อง ตัดขอบเบราว์เซอร์ แถบงาน และเดสก์ท็อปโดยรอบออก เว้นแต่จะเป็นส่วนหนึ่งของบริบท การครอบตัดอย่างกระชับทำให้เอกสารชัดเจนขึ้นและไฟล์ภาพมีขนาดเล็กลง
ภาพสำหรับโซเชียลมีเดีย
ใช้ Social Media Resizer หากต้องการสร้างการครอบตัดหลายแบบสำหรับหลายแพลตฟอร์มจากรูปเดียวกัน สำหรับการครอบตัดเดี่ยว ใช้อัตราส่วนในตารางด้านบน
Thumbnail สำหรับบทความและบล็อก
การครอบตัด 16:9 ที่ 1200×675 px หรือ 1280×720 px รองรับแพลตฟอร์มเนื้อหาส่วนใหญ่ (Medium, Ghost, Webflow, WordPress) และแสดงผลได้ดีเมื่อแชร์บนโซเชียลมีเดียในรูปแบบ Open Graph image
เคล็ดลับสำหรับการครอบตัดที่ดีขึ้น
ใช้กฎสามส่วน
จินตนาการว่าภาพของคุณถูกแบ่งด้วยเส้นตาราง 3×3 วางวัตถุที่จุดตัดทั้งสี่แทนที่จะวางไว้ตรงกลางพอดี วัตถุส่วนใหญ่ดูเป็นธรรมชาติมากกว่าเมื่ออยู่นอกจุดศูนย์กลางเล็กน้อย
ให้พื้นที่กับทิศทางสายตา
หากบุคคลหรือสัตว์กำลังมองไปในทิศทางใดทิศทางหนึ่ง ควรเว้นพื้นที่ไว้ทางด้านนั้นของเฟรม การครอบตัดชิดกับทิศทางการมองทำให้ภาพรู้สึกอึดอัด
ตรวจสอบขอบภาพ
ก่อนยืนยันการครอบตัด ให้สแกนขอบพื้นที่ที่เลือก ปัญหาที่พบบ่อย: นิ้วมือหรือผมถูกตัดอย่างน่าเกลียด ศีรษะชนขอบบน มีวัตถุรบกวนโผล่จากด้านข้าง
ครอบตัดจากภายนอกเข้าใน อย่าตัดมากเกินไป
การครอบตัดจะลบพิกเซลออกอย่างถาวร (ในไฟล์ที่ส่งออก) เริ่มต้นด้วยพื้นที่ครอบตัดขนาดใหญ่แล้วค่อยๆ ปรับเข้ามา อย่าครอบตัดแน่นเกินไปจนตัดบริบทที่อาจจำเป็นในภายหลังออกไป
จับคู่ค่า DPI กับเอาต์พุต
- เว็บ: 72–96 PPI ขนาด 1200×675 px ที่ 72 DPI เพียงพอสำหรับส่วนหัวบล็อก
- งานพิมพ์ (มาตรฐาน): 300 DPI การพิมพ์ขนาด 4×6 นิ้วต้องการความละเอียดอย่างน้อย 1200×1800 px
- งานพิมพ์ขนาดใหญ่: ขั้นต่ำ 150 DPI โปสเตอร์ขนาด 24×36 นิ้วต้องการความละเอียดอย่างน้อย 3600×5400 px
การครอบตัดเทียบกับการแก้ไขภาพประเภทอื่น
การครอบตัดมักเป็นขั้นตอนแรกในกระบวนการแก้ไขที่ใหญ่กว่า:
| การดำเนินการ | เมื่อไหรควรใช้ |
|---|---|
| Crop | ตัดพื้นที่ที่ไม่ต้องการออก ปรับองค์ประกอบภาพ จับคู่อัตราส่วน |
| Resize | เปลี่ยนขนาดทั้งหมดโดยไม่ตัดเนื้อหาออก |
| Rotate/Flip | แก้ทิศทางก่อนครอบตัด |
| Compress | ลดขนาดไฟล์หลังจากครอบตัดแล้ว |
| Remove background | แยกวัตถุออกจากพื้นหลัง (แยกจากการครอบตัด) |
สำหรับกระบวนการแก้ไขครบวงจร: หมุนถ้าจำเป็น → ครอบตัด → ปรับขนาดให้ได้ขนาดเป้าหมาย → บีบอัดสำหรับเว็บหรือส่งออกด้วยความละเอียดสำหรับพิมพ์
รูปแบบไฟล์ภาพสำหรับรูปที่ครอบตัดแล้ว
| รูปแบบ | เหมาะสำหรับ | หมายเหตุ |
|---|---|---|
| JPG | รูปถ่าย, ไล่สี, สีซับซ้อน | บีบอัดแบบ Lossy; ไฟล์เล็กกว่า; ไม่รองรับความโปร่งใส |
| PNG | สกรีนช็อต, โลโก้, ความโปร่งใส | Lossless; ไฟล์ใหญ่กว่า; รองรับพื้นหลังโปร่งใส |
| WebP | ภาพบนเว็บ | บีบอัดได้ดีที่สุดในคุณภาพเทียบเท่า; รองรับในเบราว์เซอร์สมัยใหม่ทุกตัว |
| GIF | ภาพเคลื่อนไหวเท่านั้น | จำกัดที่ 256 สี; ไม่เหมาะสำหรับรูปถ่าย |
| SVG | กราฟิกเวกเตอร์ | ความละเอียดอิสระ; ไม่เหมาะสำหรับรูปถ่าย |
สำหรับกรณีใช้งานทั่วไป: บันทึกรูปถ่ายเป็น JPG ที่คุณภาพ 80–90% และโลโก้/สกรีนช็อตเป็น PNG
คำถามที่พบบ่อย
การครอบตัดทำให้คุณภาพภาพลดลงหรือไม่? การครอบตัดเองไม่ทำให้คุณภาพลดลง — มันแค่ลบพิกเซลออก การสูญเสียคุณภาพเกิดขึ้นเฉพาะเมื่อคุณบีบอัดหรือบันทึก JPG ซ้ำ (แต่ละรอบการบันทึกจะสูญเสียคุณภาพเพิ่มขึ้น) บันทึกไฟล์ต้นฉบับก่อน แล้วจึงครอบตัด หากต้องแก้ไขในภายหลัง ให้เริ่มจากต้นฉบับ ไม่ใช่ไฟล์ที่ครอบตัดแล้ว
ครอบตัดให้ได้ขนาดพิกเซลที่ระบุได้ไหม? ได้ — ป้อนความกว้างและความสูงที่แน่นอนเป็นพิกเซลในช่องกำหนดขนาดเอง กรอบครอบตัดจะปรับขนาดให้ตรงกับสัดส่วนนั้น และภาพที่ดาวน์โหลดจะมีขนาดตามที่ระบุพอดี
ครอบตัดหลายภาพพร้อมกันได้ไหม? Image Cropper มาตรฐานรองรับทีละหนึ่งภาพ สำหรับการครอบตัดแบบ batch ให้ได้ขนาดเดียวกัน ใช้ Image Resizer พร้อมตัวเลือกครอบตัด หรือใช้ซอฟต์แวร์แก้ไขภาพเช่น GIMP หรือ Photoshop สำหรับการทำงานแบบ batch
ขนาดไฟล์สูงสุดที่ครอบตัดได้คือเท่าไหร่? เครื่องมือครอบตัดทำงานทั้งหมดในเบราว์เซอร์ของคุณ — ไม่มีการอัปโหลดฝั่งเซิร์ฟเวอร์หรือขีดจำกัดการประมวลผล ขีดจำกัดในทางปฏิบัติขึ้นอยู่กับหน่วยความจำของอุปกรณ์ ไฟล์ขนาดถึง 20–30 MB สามารถครอบตัดได้อย่างราบรื่นบนอุปกรณ์สมัยใหม่ส่วนใหญ่
รูปภาพของฉันถูกอัปโหลดไปยังเซิร์ฟเวอร์หรือไม่? ไม่ Image Cropper ประมวลผลทุกอย่างในเครื่องในเบราว์เซอร์ของคุณโดยใช้ Canvas API รูปภาพของคุณไม่ออกจากอุปกรณ์เลย
ครอบตัดรูปภาพ PNG ที่มีความโปร่งใสได้ไหม? ได้ พื้นที่โปร่งใสจะถูกเก็บรักษาไว้ในผลลัพธ์การครอบตัดเมื่อคุณส่งออกเป็น PNG หากส่งออกเป็น JPG พื้นที่โปร่งใสจะถูกเติมด้วยสีขาว (JPG ไม่รองรับความโปร่งใส)
จะครอบตัดรูปทรงวงกลมได้อย่างไร? เครื่องมือครอบตัดสร้างการครอบตัดแบบสี่เหลี่ยม สำหรับเอฟเฟกต์การครอบตัดวงกลม: (1) ครอบตัดเป็นสี่เหลี่ยมจัตุรัส (1:1), (2) ใช้เครื่องมือลบพื้นหลังหรือโปรแกรมแก้ไขรูปภาพเพื่อมาสก์เป็นวงกลมและส่งออกเป็น PNG พร้อมความโปร่งใส
เครื่องมือที่เกี่ยวข้อง
- Image Cropper — เครื่องมือครอบตัดออนไลน์ฟรี ไม่ต้องอัปโหลด
- Image Resizer — ปรับขนาดรูปภาพให้ได้ขนาดพิกเซลที่แน่นอน
- Image Compressor — ลดขนาดไฟล์ภาพโดยไม่สูญเสียคุณภาพที่มองเห็นได้
- Social Media Resizer — สร้างการครอบตัดเฉพาะแพลตฟอร์มสำหรับ Instagram, Twitter, LinkedIn และอื่นๆ
- Photo Editor — ปรับความสว่าง คอนทราสต์ ความอิ่มตัวของสี และใช้ฟิลเตอร์