สรุปสั้น ๆ
- จำ 4 ขนาดพอ 1080×1080, 1080×1350, 1200×628 และ 1080×1920
- โพสต์ในฟีดใช้ 4:5 จะกินพื้นที่บนมือถือมากที่สุด
- รูปปกเพจโดนครอปข้างบนมือถือ ให้วางโลโก้กับข้อความไว้กลางภาพ
- Story กับ Reels ต้องเว้นบน 14% ล่าง 20% ไม่งั้นข้อความโดนปุ่มทับ
เคยไหมครับ ทำรูปสวยมาก พอโพสต์ลง Facebook แล้วหัวโดนตัด ตัวหนังสือหาย หรือภาพเบลอจนอ่านไม่ออก
ส่วนใหญ่ไม่ได้เกิดจากไฟล์ไม่ดี แต่เกิดจากขนาดไม่ตรงกับที่ Facebook ต้องการ พอไม่ตรงระบบก็จัดการให้เอง ด้วยการครอปบ้าง ย่อบ้าง ตามใจมัน
บทความนี้รวมขนาดรูป Facebook ที่ต้องใช้บ่อยไว้ให้ครบ พร้อมภาพประกอบให้ดูว่าแต่ละแบบหน้าตาเป็นยังไง เซฟเก็บไว้ใช้ได้เลยครับ
ทำไมผมถึงเขียนเรื่องนี้
เพราะเวลาทำงานกับลูกค้า ปัญหารูปโดนครอปเป็นเรื่องที่เสียเวลาแก้ซ้ำ ๆ ทั้งที่ป้องกันได้ตั้งแต่ตอนออกแบบ แค่รู้ขนาดที่ถูกกับรู้ว่าตรงไหนห้ามวางของสำคัญ
อ่านจบแล้วคุณจะมีตารางขนาดไว้ส่งให้กราฟิก และรู้ว่าทำไมบางรูปถึงเบลอทั้งที่ไฟล์ต้นฉบับชัด
สารบัญ
ตารางรวมขนาดรูป Facebook
เริ่มจากภาพรวมก่อน จริง ๆ แล้วขนาดที่ใช้บ่อยมีแค่ 4 แบบเท่านั้นครับ
| ใช้ตรงไหน | ขนาดที่แนะนำ | อัตราส่วน |
|---|---|---|
| โพสต์ในฟีด แบบจัตุรัส | 1080 x 1080 | 1:1 |
| โพสต์ในฟีด แบบแนวตั้ง | 1080 x 1350 | 4:5 |
| Story และ Reels | 1080 x 1920 | 9:16 |
| รูปที่ขึ้นตอนแชร์ลิงก์ | 1200 x 628 | 1.91:1 |
| รูปปกเพจ | 1640 x 856 | ประมาณ 1.91:1 |
| รูปโปรไฟล์ | 320 x 320 ขึ้นไป | 1:1 |
| รูปปกอีเวนต์ | 1920 x 1005 | ประมาณ 1.91:1 |
ตัวเลขพวกนี้เป็นขนาดที่ใช้กันเป็นมาตรฐาน และอิงจากอัตราส่วนที่ Facebook รองรับ ส่วนสเปกโฆษณาแบบละเอียดรายตำแหน่งจะอัปเดตอยู่เรื่อย ๆ แนะนำให้บุ๊กมาร์กหน้าทางการของ Meta ไว้เช็กก่อนส่งงานทุกครั้ง ผมใส่ลิงก์ไว้ท้ายบทความแล้ว
รูปโพสต์ในฟีด ใช้ 1:1 หรือ 4:5 ดี
คำตอบสั้น ๆ คือ 4:5 ครับ ถ้าไม่มีเหตุผลอื่น
เหตุผลง่ายมาก บนมือถือ Facebook จะแสดงรูปเต็มความกว้างหน้าจอเสมอ ยิ่งรูปสูง ยิ่งกินพื้นที่นาน คนเลื่อนผ่านช้าลง
แล้วเมื่อไหร่ควรใช้ 1:1 ครับ ผมใช้ตอนที่รูปนั้นต้องเอาไปลง Instagram ด้วย หรือทำเป็นอัลบั้มหลายรูป เพราะรูปจัตุรัสจะเรียงกันสวยกว่า
ส่วน 1.91:1 ที่เป็นแนวนอน ทุกวันนี้ผมไม่ค่อยใช้กับโพสต์ปกติแล้ว เก็บไว้ใช้กับรูปที่ขึ้นตอนแชร์ลิงก์อย่างเดียวพอ
รูปปกเพจกับรูปโปรไฟล์
ตรงนี้คนพลาดกันเยอะที่สุด เพราะรูปปกเพจแสดงผลไม่เหมือนกันระหว่างคอมกับมือถือ
วิธีที่ผมใช้คือ ออกแบบเต็มพื้นที่ 1640 x 856 ได้เลย แต่โลโก้ ข้อความ และเบอร์โทร ต้องอยู่ในโซนกลางประมาณ 70% ของความกว้าง
อีกจุดที่ลืมกันบ่อยคือมุมซ้ายล่าง เพราะรูปโปรไฟล์จะมาทับตรงนั้น อย่าเอาข้อความไปวางไว้
ส่วนรูปโปรไฟล์ อัปโหลดที่ 320 x 320 ขึ้นไปจะปลอดภัย ระบบย่อลงเองอยู่แล้ว แต่ถ้าอัปเล็กกว่านั้นจะเบลอเวลาแสดงบนจอความละเอียดสูง
Story และ Reels ต้องเว้นตรงไหน
ขนาดคือ 1080 x 1920 ตรงนี้ทุกคนรู้ แต่ที่พลาดกันคือลืมว่าหน้าจอมีปุ่มกับข้อความของ Facebook ทับอยู่
ด้านบนจะมีรูปโปรไฟล์กับชื่อเพจ ส่วนด้านล่างมีแคปชัน ปุ่ม และไอคอนต่าง ๆ ถ้าวางข้อความไว้ตรงนั้นคนจะอ่านไม่เห็น
เวลาทำงานกับกราฟิก ผมให้ทำเส้นไกด์ไว้ในไฟล์เลยครับ จะได้ไม่ต้องมานั่งเช็กทีละรูป
รูปยิงแอด ต่างจากโพสต์ปกติยังไง
ขนาดใช้ชุดเดียวกันครับ แต่มีสองเรื่องที่ต่างออกไป
เรื่องแรก ยิงทีเดียวได้หลายตำแหน่ง เวลาเปิดแคมเปญ Facebook จะเอารูปเราไปแสดงทั้งในฟีด Story Reels และที่อื่นอีกหลายที่ ถ้าส่งไปแค่ไฟล์เดียวเป็น 1:1 พอไปโผล่ใน Story มันจะเหลือแถบดำบนล่าง
ทางแก้คือทำสองไฟล์ 4:5 กับ 9:16 แล้วใส่แยกตามตำแหน่งในตัวจัดการโฆษณา ใช้เวลาเพิ่มไม่กี่นาทีแต่ผลต่างกันเยอะ
เรื่องที่สอง ข้อความบนรูป เมื่อก่อน Facebook มีกฎ 20% ที่ห้ามข้อความเกินหนึ่งในห้าของภาพ ตอนนี้ยกเลิกไปแล้ว แต่จากที่ผมเจอ รูปที่ข้อความน้อยกว่ายังทำผลได้ดีกว่าอยู่ดี ให้ใส่เท่าที่จำเป็นพอ
ส่วนธุรกิจสุขภาพกับความงามต้องระวังเพิ่มอีกชั้น เพราะมีข้อห้ามเรื่องภาพเปรียบเทียบก่อนหลัง ผมเขียนไว้ใน บทความเรื่องงบโฆษณา แล้ว
5 สาเหตุที่ทำให้รูปเบลอหรือโดนครอป
1. อัปโหลดรูปเล็กเกินไป ระบบจะขยายให้เต็มความกว้างจอ พอขยายก็เบลอ อัปที่ความกว้าง 1080 ขึ้นไปไว้ก่อนปลอดภัยกว่า
2. เซฟไฟล์คุณภาพต่ำ Facebook บีบอัดรูปอยู่แล้วรอบหนึ่ง ถ้าเราเซฟมาแบบบีบอัดหนักอยู่แล้ว มันจะบีบซ้ำจนเห็นรอยชัดเลย
3. ใช้อัตราส่วนแปลก ๆ เช่น 16:9 หรือ 3:4 ระบบจะครอบให้เข้ากรอบที่ใกล้ที่สุด ซึ่งมักตัดหัวคนหรือตัดข้อความ
4. วางข้อความชิดขอบ ต่อให้อัตราส่วนถูก แต่ละอุปกรณ์ก็ครอปไม่เท่ากันอยู่ดี เว้นขอบไว้อย่างน้อย 60 px รอบภาพ
5. ใช้ไฟล์เดียวกับทุกตำแหน่ง ข้อนี้เจอบ่อยที่สุดเวลายิงแอด ทำแยกอย่างน้อยสองไฟล์จะคุ้มกว่ามาก
เช็กลิสต์ก่อนกดโพสต์
ความกว้างอย่างน้อย 1080 px · อัตราส่วนตรงกับที่ Facebook รองรับ · ของสำคัญไม่ชิดขอบ · Story เว้นบนล่างแล้ว · ถ้ายิงแอด มีไฟล์ 4:5 กับ 9:16 ครบ
คำถามที่เจอบ่อย
ทำไมรูปที่อัปขึ้น Facebook ถึงเบลอกว่าไฟล์ต้นฉบับ
เพราะ Facebook บีบอัดรูปทุกไฟล์เพื่อให้โหลดเร็ว วิธีลดปัญหาคืออัปที่ความกว้าง 1080 px ขึ้นไป เซฟเป็น JPG คุณภาพสูงหรือ PNG และอย่าเอารูปที่บีบอัดมาแล้วมาบีบซ้ำ
ควรเซฟเป็น JPG หรือ PNG
ถ้าเป็นภาพถ่ายให้ใช้ JPG เพราะไฟล์เล็กกว่าและคุณภาพเพียงพอ ส่วนภาพที่มีข้อความเยอะ กราฟิกแบน หรือมีพื้นหลังโปร่งใส ให้ใช้ PNG เพราะตัวหนังสือจะคมกว่า
ยังต้องทำตามกฎข้อความไม่เกิน 20% อยู่ไหม
ไม่ต้องแล้วครับ Facebook ยกเลิกกฎนั้นไปแล้ว แต่หลักการยังใช้ได้อยู่ คือข้อความบนรูปยิ่งน้อยยิ่งอ่านง่ายบนมือถือ ให้เก็บรายละเอียดไว้ในแคปชันแทน
โพสต์หลายรูปพร้อมกัน ควรใช้ขนาดเท่าไหร่
ใช้ 1:1 ทุกใบและขนาดเท่ากันหมดครับ ถ้าขนาดไม่เท่ากัน Facebook จะจัดเรียงเองแล้วครอปให้พอดีกรอบ ซึ่งมักตัดของสำคัญออก
รูปที่ขึ้นตอนแชร์ลิงก์ไปแก้ตรงไหน
รูปนั้นมาจากแท็ก Open Graph บนหน้าเว็บ ไม่ได้แก้ที่ Facebook ให้ตั้งรูป og:image ขนาด 1200 x 628 ในหน้านั้น แล้วใช้เครื่องมือ Sharing Debugger ของ Meta สั่งให้ดึงข้อมูลใหม่
ลิงก์ที่ควรบุ๊กมาร์กไว้
สเปกของ Facebook เปลี่ยนได้ตลอด สามลิงก์นี้เป็นหน้าทางการของ Meta ที่ควรเปิดเช็กก่อนส่งงานทุกครั้ง
- Meta Ads Guide — สเปกโฆษณาแยกตามวัตถุประสงค์และตำแหน่งที่แสดง อัปเดตโดย Meta เองMeta
- Best practices for aspect ratios across placements — อัตราส่วนที่แต่ละตำแหน่งรองรับMeta Business Help Center
- Sharing Debugger — ใช้เช็กและสั่งดึงรูป Open Graph ใหม่ เวลารูปแชร์ลิงก์ไม่ยอมเปลี่ยนMeta for Developers
