ขนาด OG Image: อธิบาย 1200×630
ขนาดมาตรฐานของ Open Graph image คือ 1200×630 พิกเซล (อัตราส่วน 1.91:1) ซึ่งเป็นขนาดที่ Facebook, X, LinkedIn, WhatsApp, Slack และ Discord แนะนำและแสดงผลได้อย่างถูกต้อง ดังนั้นการสร้าง og:image ทุกภาพที่ขนาด 1200×630 จึงเป็นค่าเริ่มต้นที่ปลอดภัยสำหรับการแชร์บนโซเชียลมีเดีย
ทำไมต้อง 1200×630?
แพลตฟอร์มโซเชียลต่าง ๆ จะครอบตัดและปรับขนาดภาพตัวอย่างที่แชร์ออกไป ขนาด 1200×630 กว้างพอที่จะคงความคมชัดบนหน้าจอความละเอียดสูง ขณะเดียวกันก็รักษาอัตราส่วน (1.91:1) ที่แพลตฟอร์มหลักทั้งหมดแสดงผลโดยไม่ครอบตัดพาดหัวหรือโลโก้ ภาพที่เล็กกว่าจะถูกขยายและดูเบลอ ส่วนภาพที่ใหญ่กว่าจะถูกย่อลงหรือถูกปฏิเสธ
กฎที่ต้องปฏิบัติตาม
| คุณสมบัติ | ค่าที่แนะนำ |
|---|---|
| ความกว้าง | 1200 px |
| ความสูง | 630 px |
| อัตราส่วนภาพ | 1.91:1 |
| ขนาดไฟล์สูงสุด | ไม่เกิน 5 MB (8 MB คือขีดจำกัดสูงสุด) |
| รูปแบบไฟล์ | PNG (ข้อความคมชัด) หรือ JPG (ภาพถ่าย) |
ตำแหน่งพื้นที่ปลอดภัย (Safe Area)
บางแพลตฟอร์มอาจตัดขอบด้านบนและด้านล่าง หรือแถบแนวตั้งออกไป ควรวางข้อความพาดหัวและโลโก้ของคุณ ไว้ภายในช่วงกลางประมาณ 50% ของการ์ด เพื่อให้เนื้อหาสำคัญยังคงอยู่แม้ถูกตัดบางส่วน
เหตุใดพรีวิวบางรายการจึงแสดงเป็นภาพขนาดเล็ก
ภาพขนาด 1200×630 ที่ถูกต้องอาจยังแสดงผลเป็นภาพขนาดเล็กรูปสี่เหลี่ยมจัตุรัสข้างข้อความแทนที่จะเป็นการ์ดกว้าง การตัดสินใจนี้เป็นของแพลตฟอร์ม และไม่ได้ขึ้นอยู่กับขนาดของภาพเพียงอย่างเดียว — LinkedIn, Slack และ WhatsApp ต่างเลือกเลย์เอาต์จากหน้าเว็บและภาพประกอบกัน และไม่มีแพลตฟอร์มใดเปิดเผยการตั้งค่าให้บังคับใช้การ์ดขนาดใหญ่ได้
มีสองสิ่งที่คุณควบคุมได้และควรตรวจสอบก่อน เพราะหากสิ่งใดสิ่งหนึ่งเสียหาย การ์ดขนาดเล็กจะเกิดขึ้นทุกครั้ง:
- ภาพต้องสามารถดึงข้อมูลได้เมื่อ crawler ร้องขอ ภาพขนาดเล็กคือสิ่งที่แพลตฟอร์มใช้เป็นตัวสำรองเมื่อไม่สามารถอ่านหรือแยกวิเคราะห์ภาพได้ เครื่องมือวินิจฉัยของเรารายงานผลนี้แยกตามแพลตฟอร์ม รวมถึงกรณีที่ crawler ยอมแพ้: ภาพเคลื่อนไหวและภาพที่เกินงบประมาณการดึงข้อมูล (ของ WhatsApp คือ 600 KB ในการกำหนดค่าของเรา) ทั้งคู่จะแสดงเป็นข้อความโดยไม่มีภาพเลย แทนที่จะเป็นการ์ดขนาดเล็ก
/tryวัดขนาดไบต์จริง รูปแบบ และการเคลื่อนไหว แล้วระบุผลวินิจฉัยแยกตามแพลตฟอร์ม - ขนาดที่ประกาศต้องตรงกับไฟล์จริง
og:image:widthและog:image:heightที่ไม่ตรงกับภาพเป็นสาเหตุทั่วไปของการ์ดที่ถูกลดคุณภาพ; การเรนเดอร์จากเทมเพลตจะประกาศสิ่งที่สร้างจริงเสมอ
สิ่งที่คุณทำไม่ได้คือการบังคับให้ใช้การ์ดกว้างในกรณีที่แพลตฟอร์มเลือกใช้ภาพขนาดเล็ก ไม่มีเครื่องมือใดทำได้ ซึ่งเป็นเหตุผลที่เราไม่ขายฟีเจอร์นี้: ดู WhatsApp Link Preview Not Showing? สำหรับสาเหตุที่แก้ไขได้จริง และ คู่มือแคช สำหรับเหตุผลว่าทำไมภาพที่คุณแก้ไขแล้วอาจไม่ใช่ภาพที่ถูกอ่าน
FastOG จัดการกับขนาดอย่างไร
FastOG เรนเดอร์ทุกเทมเพลตที่ขนาด 1200×630 พอดี ดังนั้นคุณไม่ต้องกังวลเรื่องขนาดหรืออัตราส่วน — ผลลัพธ์พร้อมใช้งานสำหรับ og:image และ twitter:image ทันที
<meta property="og:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
API ยังรองรับการระบุ width, height และ format (png, jpeg หรือ webp) อย่างชัดเจน เมื่อพื้นผิวต้องการขนาดอื่นนอกเหนือจากค่าเริ่มต้น — ตัวอย่างที่ให้มาคือส่วนหัวโปรไฟล์ X ที่ขนาด 1500×500 ผ่านเทมเพลต xheader
คำถามที่พบบ่อย
ขนาด 1200×630 ยังคงเหมาะสมในปี 2025 หรือไม่
ใช่ ขนาดดังกล่าวยังคงเป็นค่าเริ่มต้นที่แนะนำอย่างกว้างขวางบน Facebook, X, LinkedIn, WhatsApp, Slack และ Discord
หากฉันใช้ขนาดอื่นจะเกิดอะไรขึ้น
โดยทั่วไปยังใช้งานได้ แต่อาจถูกครอบตัดหรือเบลอ หากจำเป็นต้องเปลี่ยนขนาด ให้คงอัตราส่วน 1.91:1 และขนาดไฟล์ไม่เกิน 5 MB
FastOG อนุญาตให้ฉันกำหนดขนาดเองได้หรือไม่
ได้ ขนาดเริ่มต้นคือ 1200×630 ซึ่งเป็นขนาดที่แพลตฟอร์มคาดหวัง แต่ API รองรับ width, height และ format (png, jpeg, webp) เมื่อคุณต้องการพื้นที่วาดภาพ (canvas) ที่แตกต่าง เช่น ส่วนหัวโปรไฟล์ X ขนาด 1500×500