ภาพที่ดูดีบนจอคอมพิวเตอร์อาจถูกตัดหน้าคนหรือหัวข้อเมื่อย้ายไปใช้ในพื้นที่สี่เหลี่ยมจัตุรัส ปัญหานี้เกี่ยวข้องกับอัตราส่วนภาพ ไม่ได้แก้ด้วยการเพิ่มความละเอียดเพียงอย่างเดียว ก่อนเตรียมภาพปกหรือภาพประกอบ ควรรู้ว่าพื้นที่ปลายทางมีรูปทรงแบบไหน และส่วนใดของภาพต้องอยู่ครบเสมอ
อัตราส่วนบอกรูปทรง ไม่บอกจำนวนพิกเซล
Aspect Ratio คือสัดส่วนความกว้างต่อความสูง เช่น 1:1 คือสี่เหลี่ยมจัตุรัส และ 16:9 คือภาพแนวนอนที่กว้างกว่าสูง ภาพ 1600 × 900 กับ 3200 × 1800 พิกเซลจึงมีสัดส่วนเดียวกัน แม้มีจำนวนพิกเซลต่างกัน การรู้สัดส่วนอย่างเดียวไม่พอสำหรับตัดสินความคมชัด แต่ช่วยกำหนดพื้นที่จัดองค์ประกอบได้
ครอป ย่อ และยืดไม่เหมือนกัน
การย่อแบบรักษาสัดส่วนทำให้ทั้งภาพเล็กลงโดยรูปทรงเดิมยังอยู่ การครอปตัดบางส่วนออกเพื่อให้ได้กรอบใหม่ ส่วนการบังคับความกว้างและสูงโดยไม่รักษาสัดส่วนอาจทำให้คนหรือสินค้าอ้วนและผอมผิดจริง หากต้องการเปลี่ยนจากภาพแนวนอนเป็นสี่เหลี่ยม ควรเลือกครอปหรือเพิ่มพื้นที่ว่าง แทนการยืดภาพให้เต็มกรอบ
เริ่มจากสิ่งที่ห้ามหาย
สมมติภาพปกมีคนสองคนและข้อความหัวข้อ เมื่อเปลี่ยนเป็นภาพสี่เหลี่ยม การครอปตรงกลางอัตโนมัติอาจตัดคนด้านข้างหรือคำสำคัญออก ลองทำเครื่องหมายพื้นที่ที่ต้องรักษา แล้วขยับกรอบครอปให้เหมาะ หากเก็บทุกอย่างไม่ได้ ควรจัดองค์ประกอบใหม่สำหรับสัดส่วนนั้น ไม่จำเป็นต้องใช้ไฟล์เดียวแก้ทุกตำแหน่ง
เผื่อพื้นที่รอบข้อความและใบหน้า
อย่าวางข้อมูลสำคัญชิดขอบเกินไป เพราะเว็บไซต์หรืออุปกรณ์ต่างกันอาจแสดงภาพในกรอบที่ไม่เหมือนกัน โดยเฉพาะรูปย่อในหน้ารวมกับภาพเต็มในบทความ ควรดูตัวอย่างทั้งสองตำแหน่ง รวมถึงหน้าจอมือถือ พื้นที่ว่างที่เหมาะสมช่วยให้ปรับกรอบได้ง่ายขึ้น แต่ไม่ใช่ข้อรับประกันว่าจะไม่ถูกตัดในทุกธีม
ตรวจไฟล์ส่งออก ไม่ใช่แค่หน้าจอทำงาน
หลังส่งออก ให้ตรวจความกว้างและสูงจริงอีกครั้ง พร้อมเปิดดูว่าข้อความครบและรูปทรงไม่ผิด หากใช้ภาพแนวนอนกับภาพสี่เหลี่ยมในบทความเดียวกัน ควรตั้งชื่อไฟล์ให้แยกได้ และตรวจว่าระบบเลือกไฟล์ถูกตำแหน่ง การอัปโหลดสำเร็จไม่ได้ยืนยันว่าภาพที่หน้าเว็บใช้คือเวอร์ชันที่ตั้งใจ
การเลือกสัดส่วนควรเริ่มตั้งแต่วางแผนถ่ายหรือออกแบบ ไม่ใช่รอจนต้องตัดของสำคัญออกตอนสุดท้าย เก็บต้นฉบับที่ยังไม่ครอปไว้เพื่อทำเวอร์ชันใหม่ และพิจารณาองค์ประกอบตามพื้นที่จริง วิธีนี้ช่วยให้ภาพสื่อความหมายได้ครบโดยไม่ต้องเพิ่มรายละเอียดที่ไม่จำเป็น
อ่านความหมายและตัวอย่างสัดส่วนจาก Adobe: All About Aspect Ratios ตัวอย่างการจัดภาพในบทความเป็นแนวทางสมมติสำหรับนำไปปรับใช้
