ข้ามไปยังเนื้อหาหลัก
← กลับไปบล็อก
อ่าน 5 นาทีDocCrunch Team

ขนาดภาพถูกต้องแล้ว ทำไมองค์ประกอบยังดูไม่ลงตัว?

แยกขนาดพิกเซลออกจากอัตราส่วนภาพ เปรียบเทียบการครอป เติมพื้นที่ว่าง และยืดภาพ พร้อมวิธีตรวจองค์ประกอบก่อนส่งออก

ปรับขนาดภาพครอปภาพอัตราส่วนภาพองค์ประกอบภาพ

เมื่อเปลี่ยนภาพแนวนอนให้เป็น 800×800 พิกเซล คนในภาพอาจดูแคบลง ขอบซ้ายขวาอาจถูกตัด หรืออาจมีพื้นที่ว่างด้านบนและด้านล่าง

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

ขนาดพิกเซลกับอัตราส่วนภาพเป็นคนละเรื่อง

ขนาดพิกเซลบอกความกว้างและความสูง ส่วนอัตราส่วนบอกความสัมพันธ์ของทั้งสองค่า ภาพ 1200×800 และ 600×400 ต่างมีอัตราส่วน 3:2 การย่อโดยรักษาสัดส่วนจึงเก็บขอบเขตภาพเดิมได้

800×800 มีอัตราส่วน 1:1 หากเปลี่ยนภาพ 3:2 เป็นสี่เหลี่ยมจัตุรัส จะไม่สามารถทำทั้งสามข้อนี้พร้อมกันได้:

  • เก็บภาพไว้ทั้งหมด
  • รักษารูปร่างเดิมของวัตถุ
  • เติมเต็มกรอบสี่เหลี่ยมโดยไม่มีพื้นที่ว่าง

การครอป การเติมพื้นที่ว่าง และการยืดภาพ จึงมีข้อแลกเปลี่ยนต่างกัน

การครอป เติมพื้นที่ว่าง และยืดภาพเปลี่ยนอะไรบ้าง

สมมติว่าต้องเปลี่ยนภาพ 1200×800 ให้เป็น 800×800:

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

การครอปจากตรงกลางสามารถเก็บพื้นที่ 800×800 และตัดด้านซ้ายกับขวาด้านละ 200 พิกเซล หากต้องการเก็บภาพทั้งหมด เมื่อย่อความกว้างเป็น 800 ความสูงจะอยู่ที่ประมาณ 533 พิกเซล และต้องเติมพื้นหลังในพื้นที่ที่เหลือ

หากลดความกว้างแต่คงความสูงไว้ วงกลมอาจกลายเป็นวงรี แม้ขนาดปลายทางจะถูกต้อง แต่สัดส่วนของเนื้อหาเปลี่ยนไปแล้ว

กึ่งกลางภาพไม่จำเป็นต้องเป็นกึ่งกลางของตัวแบบ

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

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

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

การครอปเป็น 1:1 หมายถึงภาพเป็นสี่เหลี่ยมจัตุรัส ไม่ได้หมายความว่าภาพมีขนาด 800×800 พิกเซลแล้ว

หากจำกัดเพียงด้านเดียว ไม่ต้องกำหนดทั้งสองด้าน

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

เมื่อกำหนดด้านยาวเป็น 1200 พิกเซล:

  • ภาพแนวนอน 3:2 จะเป็น 1200×800
  • ภาพแนวตั้ง 2:3 จะเป็น 800×1200
  • ภาพสี่เหลี่ยมจัตุรัสจะเป็น 1200×1200

ขนาดต่างกันแต่เป็นไปตามกฎเดียวกัน เครื่องมือปรับขนาด รองรับความกว้าง ความสูง ด้านยาว ด้านสั้น และเปอร์เซ็นต์ ควรเลือกตามข้อกำหนดจริงของผู้รับ

ตรวจขอบของทุกภาพหลังประมวลผลเป็นชุด

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

  • ศีรษะด้านบน มือ และเท้าถูกตัดหรือไม่
  • ขอบสินค้า หูจับ และส่วนที่ยื่นออกมายังอยู่ครบหรือไม่
  • ข้อความ โลโก้ และหมายเลขตรงมุมยังมองเห็นหรือไม่
  • มีพื้นที่ด้านหน้าตัวแบบหรือตามทิศทางสายตาเหลืออยู่หรือไม่
  • ขนาดตัวแบบระหว่างภาพต่างกันมากเกินไปหรือไม่

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

ตรวจขนาดไฟล์หลังจากยืนยันขนาดภาพ

800×800 บอกจำนวนพิกเซล ไม่ได้รับประกันว่าจะผ่านข้อจำกัด KB หรือ MB รูปแบบไฟล์ เนื้อหา และคุณภาพการเข้ารหัสทำให้ไฟล์ที่มีขนาดภาพเท่ากันมีความจุต่างกันมากได้

ลำดับที่ใช้งานได้คือ:

  1. ตรวจว่ากำหนดทั้งความกว้างและความสูง หรือจำกัดเพียงด้านเดียว
  2. เปรียบเทียบอัตราส่วนต้นฉบับกับเป้าหมาย
  3. เลือกครอป เติมพื้นที่ว่าง หรือยอมให้รูปทรงเปลี่ยนตามที่อนุญาต
  4. ตรวจตัวแบบและขอบภาพ แล้วสร้างขนาดสุดท้าย
  5. ตรวจรูปแบบและขนาดไฟล์ พร้อมบีบอัดเมื่อจำเป็น

หากขนาดพิกเซลเหมาะสมแล้วแต่ไฟล์ยังใหญ่ ใช้การบีบอัดภาพ เพื่อลดขนาดไฟล์ได้โดยไม่ต้องย่อภาพต่อ

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

เครื่องมือ DocCrunch ที่แนะนำ

เครื่องมือเหล่านี้ทำงานในเบราว์เซอร์ในเครื่องเมื่อเป็นไปได้ จึงไม่ต้องอัปโหลดไฟล์ไปยังเซิร์ฟเวอร์