วิธีครอปรูปตามอัตราส่วน 1:1, 4:5, 9:16, 16:9 และอื่น ๆ

อัตราส่วนภาพบอกเพียงรูปทรงของภาพ คือความกว้างหารด้วยความสูง เขียนเป็นจำนวนเต็มเล็ก ๆ สองตัว กรอบ 1920 × 1080 px และ 1280 × 720 px ต่างก็เป็น 16:9 เพราะเมื่อหารแต่ละด้านด้วยจำนวนมากที่สุดที่หารทั้งสองด้านได้ลงตัว (120 และ 80) จะได้ 16 และ 9 ส่วนขนาดพิกเซลบอกว่ากรอบนั้นมีรายละเอียดมากเพียงใด ภาพสองภาพอาจมีอัตราส่วนเท่ากันแต่จำนวนพิกเซลต่างกันสี่เท่า และภาพที่มีพิกเซลรวมใกล้เคียงกัน เช่น 1080 × 1350 กับ 1200 × 1200 ก็อาจมีรูปทรงต่างกัน

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

เซนเซอร์ของอุปกรณ์ที่ใช้ถ่ายกำหนดอัตราส่วนเริ่มต้น กล้องโทรศัพท์ส่วนใหญ่บันทึกที่ 4:3 (ภาพ 12 MP จาก iPhone ขนาด 4032 × 3024 px) ขณะที่กล้องเปลี่ยนเลนส์ส่วนใหญ่บันทึกที่ 3:2 ซึ่งเป็นรูปทรงของฟิล์ม 35 mm การครอบตัดเป็นอัตราส่วนอื่นทุกครั้งจะตัดบางส่วนของกรอบทิ้ง และยิ่งรูปทรงเป้าหมายต่างจากต้นฉบับมาก ก็ยิ่งเสียมาก

ข้อกำหนดส่วนใหญ่อยู่ในรูปทรงไม่กี่แบบ จัตุรัส 1:1 เป็นค่าเริ่มต้นของรูปโปรไฟล์ รูปสินค้าในตลาดออนไลน์ และอวตาร เพราะเว็บไซต์แสดงเป็นสี่เหลี่ยมจัตุรัสหรือตัดเป็นวงกลมได้โดยไม่มีอะไรผิดพลาด ฟีดของ Instagram รับตั้งแต่แนวนอน 1.91:1 ถึงแนวตั้ง 4:5 และ 4:5 ที่ 1080 × 1350 px ใช้ความสูงหน้าจอมากที่สุด สตอรี่ Reels TikTok และ YouTube Shorts เป็น 9:16 เต็มจอ YouTube แนะนำ 1280 × 720 px สำหรับภาพปกที่กำหนดเอง ขนาดไฟล์ไม่เกิน 2 MB และ PowerPoint ใช้ 16:9 เป็นขนาดสไลด์เริ่มต้นตั้งแต่ PowerPoint 2013 สำหรับขนาดพิกเซลของแต่ละแพลตฟอร์ม ดูคู่มือขนาดโพสต์และสตอรี่ Instagram

งานพิมพ์และเอกสารมีชุดขนาดของตัวเอง ภาพพิมพ์ 4 × 6 in คือ 2:3 (หรือ 3:2 เมื่อหมุนด้านข้าง) 8 × 10 in คือ 4:5 และ 5 × 7 in คือ 5:7 ภาพเดียวกันจึงต้องครอบตัดต่างกันตามขนาดกรอบ รูปพาสปอร์ตกำหนดเป็นมิลลิเมตร: 35 × 45 mm ในสหราชอาณาจักร สหภาพยุโรป อินเดีย และอีกหลายประเทศ ซึ่งเท่ากับ 7:9 ส่วนรูปพาสปอร์ตสหรัฐฯ เป็นจัตุรัส 2 × 2 in เครื่องมือทำรูปพาสปอร์ต ครอบตัดตามขนาดเหล่านี้และตรวจความสูงของศีรษะด้วย ซึ่งการครอบตัดตามอัตราส่วนธรรมดาทำไม่ได้

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

งานทั่วไปใช้สองวิธีต่อกัน หากต้องการเปลี่ยนภาพจากโทรศัพท์ขนาด 4032 × 3024 px เป็นโพสต์ Instagram ขนาด 1080 × 1350 px ให้ครอบตัดเป็น 4:5 (ประมาณ 2419 × 3024 px) แล้วปรับขนาดให้เล็กลง หากต้องการใส่ภาพหมู่แนวกว้างลงในจัตุรัสโดยไม่ตัดใครออก ให้เติมขอบเป็น 1:1 แทน เครื่องมือปรับขนาดรูป ทำได้ทั้งสองแบบในครั้งเดียว: ตั้งค่าทั้งสองด้านแล้วเลือก ครอบตัดให้เต็มกรอบ หรือ เติมขอบด้วยสี ใต้ การจัดวาง

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

Headroom คือพื้นที่เหนือศีรษะ ถ้ามากเกินไปคนจะดูเล็กและจมอยู่ในกรอบ ถ้าไม่เหลือเลยจนยอดศีรษะแตะขอบก็ดูอึดอัด เมื่อครอบตัดภาพแนวนอนเป็น 9:16 ให้เว้นที่ว่างเล็กน้อยให้วัตถุในทิศที่หันไปหรือเคลื่อนไป เรียกว่า lead room เพื่อไม่ให้ภาพดูอึดอัด

แพลตฟอร์มยังใช้ส่วนต่อประสานของตัวเองบังบางส่วนของกรอบ สตอรี่และ Reels วางชื่อโปรไฟล์ไว้ด้านบน และแถบตอบกลับกับคำบรรยายไว้ด้านล่าง จึงควรเว้นข้อความจากประมาณ 250 px ด้านบนและด้านล่างของกรอบ 1080 × 1920 YouTube แสดงความยาววิดีโอที่มุมขวาล่างของภาพปกทุกภาพ ให้วางชื่อเรื่องและใบหน้าในจุดที่ไม่มีอะไรมาบัง

แอปรูปภาพหลักทุกตัวล็อกกรอบครอบตัดตามอัตราส่วนได้ แต่ไม่มีตัวไหนให้พิมพ์ขนาดพิกเซลที่แน่นอน บน iPhone แอปรูปภาพจะเก็บต้นฉบับไว้ จึงกลับไปใช้ภาพเดิมได้ภายหลังด้วย Revert ส่วน Google Photos บน Android มี Save as copy อยู่ข้าง Save หากต้องการเก็บไว้ทั้งสองเวอร์ชัน ขั้นตอนด้านล่างเป็นของแอปเวอร์ชันปัจจุบัน ชื่อเมนูอาจเปลี่ยนไปตามรุ่น แต่ปุ่มอัตราส่วนยังอยู่ในหน้าจอครอบตัดเสมอ

บน Windows 11 ให้เปิดรูปในแอป Photos กด Edit image (Ctrl + E) แล้วเลือกแท็บครอบตัด เมนู อัตราส่วนภาพ มีให้เลือก เช่น Free, Original, Square และรูปทรงคงที่อย่าง 16:9, 4:3 และ 3:2 ลากกรอบตามต้องการ จากนั้นเลือก Save as copy เพื่อเก็บต้นฉบับไว้

บน Mac แอป Preview ต่างออกไป คือไม่มีเมนูอัตราส่วน แต่แสดงขนาดของพื้นที่เลือกเป็นพิกเซลขณะลาก การกด Shift ค้างไว้จะล็อกกรอบเป็นสี่เหลี่ยมจัตุรัส ซึ่งใช้กับ 1:1 ได้ ส่วนอัตราส่วนอื่นต้องดูตัวเลขจนตรงกัน หรือคำนวณไว้ก่อน เช่น 4:5 กับรูปที่สูง 3024 px ความกว้างคือ 3024 × 4 ÷ 5 = 2419 px

เมื่อแบบฟอร์มกำหนดขนาดที่แน่นอน เช่น 1200 × 628 px สำหรับตัวอย่างลิงก์ หรือ 600 × 600 px สำหรับรูปวีซ่า การล็อกอัตราส่วนช่วยให้ได้รูปทรงแต่ยังต้องปรับขนาดอีกขั้น กรอบครอบตัดที่กำหนดเป็นพิกเซลทำได้ทั้งสองอย่างในครั้งเดียว เครื่องมือครอปรูป มีอัตราส่วนคงที่เก้าแบบใน อัตราส่วนภาพ รวมถึง Free สำหรับลากอิสระ และ ขนาดกำหนดเอง (px) สำหรับกำหนด ความกว้าง และ ความสูง ที่แน่นอน ใช้ได้ในทุกเบราว์เซอร์ รวมถึงบนมือถือ ไม่ต้องติดตั้งและไม่ต้องสมัครสมาชิก

กรอบเดียวกันใช้กับรูปได้พร้อมกันสูงสุด 20 รูป รูปละไม่เกิน 95 MB เหมาะกับรูปสินค้าที่ถ่ายบนโต๊ะเดียวกัน ภาพหน้าจอของหน้าต่างเดียวกัน หรือชุดรูปโปรไฟล์ทีมสำหรับหน้าแนะนำทีม ตำแหน่งเริ่มต้น กำหนดว่ากรอบจะวางที่ใดในทุกไฟล์ ได้แก่ กึ่งกลาง ขอบ มุม หรือ อัจฉริยะ (ตามวัตถุ) ซึ่งหาใบหน้าหรือวัตถุหลักในแต่ละรูปแยกกัน ไฟล์จะถูกลบออกจากเซิร์ฟเวอร์ 30 นาทีหลังประมวลผล

การครอบตัดเป็นวงกลมคือการครอบตัดเป็นสี่เหลี่ยมจัตุรัสแล้วตัดมุมออก จึงเริ่มจาก 1:1 เสมอ ส่วนมุมเหล่านั้นจะเป็นอย่างไรขึ้นอยู่กับรูปแบบไฟล์ PNG, WebP และ AVIF เก็บความโปร่งใสได้ มุมจึงโปร่งใสและวงกลมวางบนพื้นหลังใดก็ได้อย่างสะอาด ส่วน JPG ไม่มีความโปร่งใสเลย ต้องเติมมุมด้วยสี ซึ่งมักเป็นสีขาว หากอัปโหลดวงกลมแบบ JPG ไปยังเว็บไซต์ธีมมืด มุมสีขาวจะปรากฏเป็นสี่เหลี่ยมรอบรูปกลม

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

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

ภาพที่ครอบตัดแล้วมีพิกเซลน้อยลง ซึ่งเป็นจุดที่คุณภาพที่รับรู้ได้ลดลง การครอบ 9:16 จากรูปแนวนอน 4032 × 3024 px จะเหลือประมาณ 1701 × 3024 px หรือราว 42% ของเฟรม ซึ่งยังเพียงพอสำหรับสตอรี่ขนาด 1080 × 1920 แต่การครอบใบหน้าใกล้ ๆ จากรูปหมู่อาจเหลือ 400 px หรือน้อยกว่า ซึ่งดูไม่คมบนหน้าจอสมัยใหม่ ขนาดไฟล์มักลดลงตามจำนวนพิกเซล การครอบตัดจึงเป็นก้าวแรกเมื่อต้องทำให้รูปไม่เกินขีดจำกัด KB