ขนาดรูปปกเพจ (Cover Page) บนมือถือ vs บนคอม ตัดยังไงไม่ให้ตกขอบ?

สอนทำรูปปก Facebook Cover Page บนมือถือ+บนคอม ไม่ให้ตกขอบ

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

เข้าใจความต่างของการแสดงผลก่อน

เข้าใจความต่างของการแสดงผลก่อน

  • บนคอมพิวเตอร์ จะแสดงผลแบบ กว้างแต่เตี้ย เน้นแนวนอนยาวๆ
  • บนมือถือ จะแสดงผลแบบ แคบแต่สูง ตัดด้านข้างออก แต่โชว์ความสูงเต็มที่

ดังนั้น ถ้าคุณทำภาพไซซ์พอดีคอมฯ (820×312 px) ไปเปิดในมือถือ ด้านข้างจะแหว่งทันทีค่ะ

ขนาดที่แนะนำให้ทำ 

ขนาดที่ต้องสร้าง 820 x 360 pixels หรือถ้าอยากได้ชัดๆ แบบ Full HD ให้คูณ 2 เป็น 1640 x 720 pixels การใช้ไซซ์นี้เป็นเทคนิคพิเศษค่ะ เพราะมันเผื่อความสูงไว้ให้มือถือ และเผื่อความกว้างไว้ให้คอมพิวเตอร์เรียบร้อยแล้ว

วิธีจัดวางง่ายๆ

พื้นที่ปลอดภัย วางตรงนี้ รอดแน่นอน

ขนาด Safe Zone คือ 640 x 312 pixels พื้นที่ไข่แดง ที่จะแสดงผลครบถ้วน 100% บนทุกอุปกรณ์ค่ะ 

  • สิ่งที่ต้องวางใน Safe Zone โลโก้, ชื่อเพจ, สโลแกน, เบอร์โทร, โปรโมชั่นสำคัญ
  • สิ่งที่วางนอก Safe Zone ได้ รูปภาพตกแต่ง, พื้นหลัง, ลวดลายกราฟิก ปล่อยให้มันโดนตัดได้ ไม่เสียใจ
วิธีจัดวางง่ายๆ

วิธีจัดวางง่ายๆ

  1. ตั้งค่าหน้ากระดาษ กว้าง 820 สูง 360 พิกเซล
  2. ตีเส้นกั้นหน้า
    • วัดจากซ้ายเข้ามา 90 px พื้นที่นี้จะหายไปบนมือถือ
    • วัดจากขวาเข้ามา 90 px พื้นที่นี้จะหายไปบนมือถือ
    • วัดจากบนลงมา 24 px พื้นที่นี้จะหายไปบนคอมฯ นิดหน่อย
    • วัดจากล่างขึ้นไป 24 px พื้นที่นี้จะหายไปบนคอมฯ นิดหน่อย
  3. วางของสำคัญ จับทุกอย่างที่เป็น text และ logo ใส่ไว้ในกรอบสี่เหลี่ยมตรงกลางที่เหลืออยู่
  4. เช็กความเรียบร้อย พื้นหลังให้ลากเต็มจอ 820×360 ไปเลยค่ะ เวลาโดนตัดจะได้ไม่เห็นขอบขาว

Center Alignment พยายามอย่าวางข้อความชิดขอบซ้ายหรือขวาจนเกินไป ให้รวมพลังไว้ตรงกลาง แล้วภาพปกของคุณจะดูสวยโปรฯ ไม่ว่าจะเปิดจาก iPhone จอเล็ก หรือจอคอมฯ 4K ก็ตามค่ะ ลองเอาสูตร 820×360 ไปใช้ดูนะคะ รับรองว่าชีวิตดีขึ้นแน่นอน หากต้องการให้ทีมงานช่วยออกแบบปกเพจให้สวยสะดุดตาและถูกต้องตามหลัก Technical เป๊ะๆ ทักมาคุยกับเราได้ตลอดค่ะ

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *


ติดต่อ "แว่นTalk"