PNG
ค่าเริ่มต้นที่ดีที่สุดสำหรับประเภทคมชัด โลโก้ และกราฟิกสีเรียบ ไฟล์สามารถมีขนาดใหญ่ขึ้นสำหรับพื้นหลังการถ่ายภาพ
มิติข้อมูลพร้อมบริบทการเผยแพร่
เลือกขนาดภาพ OG ที่จะคงเหลือเท่ากับการ์ดลิงก์จริง
เริ่มต้นด้วยผืนผ้าใบข้ามแพลตฟอร์มที่เชื่อถือได้ ปกป้องเนื้อหาสำคัญจากการครอบตัดขอบ และเลือกรูปแบบตามอาร์ตเวิร์ค ไม่ใช่นิสัย
เหตุใด 1200×630 จึงเป็นค่าเริ่มต้นที่ใช้งานได้จริง
รูปภาพ 1200×630 มีอัตราส่วนภาพ 1.91:1 และเป็นจุดเริ่มต้นที่คงทนสำหรับการ์ด Open Graph ขนาดใหญ่ โดยให้รายละเอียดแหล่งที่มาที่เพียงพอโดยไม่ต้องบอกเป็นนัยว่าทุกแพลตฟอร์มเรนเดอร์การครอบตัดแบบเดียวกัน
ถือว่าผืนผ้าใบเป็นทรัพย์สินหลัก ไม่ใช่คำมั่นสัญญาว่าจะได้ผลลัพธ์ที่สมบูรณ์แบบของพิกเซล เก็บพาดหัว โลโก้ และใบหน้าไว้ในพื้นที่ปลอดภัยที่กว้างขวาง เนื่องจากการ์ด อุปกรณ์ และการทดลองสามารถตัดขอบได้
จุดเริ่มต้นภาพลักษณ์ทางสังคมทั่วไป
ใช้แต่ละแถวสำหรับตำแหน่งที่มีชื่อ ส่วนหัวโปรไฟล์และการ์ดฟีดเป็นเนื้อหาที่แตกต่างกัน
| ตำแหน่งใช้งาน | ขนาดเริ่มต้นที่แนะนำ | อัตราส่วน | ข้อควรใช้จริง |
|---|---|---|---|
| การ์ดลิงค์ Open Graph | 1200×630 | 1.91:1 | เหมาะเป็นภาพต้นฉบับสำหรับแชร์หน้าเว็บข้ามแพลตฟอร์ม |
| ขนาดที่ใช้งานได้จริงขั้นต่ำ | 600×315 | 1.90:1 | คงรูปทรงของการ์ดขนาดใหญ่ แต่ภาพอาจไม่คมบนจอความหนาแน่นสูง จึงควรถือเป็นขนาดขั้นต่ำ |
| โพสต์โซเชียลสแควร์ | 1200×1200 | 1:1 | เหมาะกับโพสต์สี่เหลี่ยมในฟีด ไม่ใช่ตัวแทนโดยตรงของการ์ดลิงก์ OG |
| ส่วนหัวโปรไฟล์ X | 1500×500 | 3:1 | ควรออกแบบแยกต่างหาก อย่ายืดการ์ดลิงก์ให้เป็นส่วนหัวโปรไฟล์ |
| LinkedIn ปกบริษัท | 1128×191 | 5.91:1 | เป็นพื้นที่ภาพปกบริษัทขนาด 1128×191 ซึ่งมีการครอบต่างจากการ์ดลิงก์อย่างมาก |
PNG, JPEG และ WebP การแลกเปลี่ยน
JPEG
มีประสิทธิภาพสำหรับภาพถ่ายและงานศิลปะที่มีพื้นผิว หลีกเลี่ยงการบีบอัดข้อความและโลโก้ขนาดเล็กอย่างรุนแรง
WebP
มักจะรวมคุณภาพที่แข็งแกร่งและไฟล์ขนาดเล็กเข้าด้วยกัน แต่ยืนยันว่าทุก CMS, CDN และปลายทางในเวิร์กโฟลว์ของคุณรองรับ
ขนาดและพื้นที่ปลอดภัยก่อนบิน
การส่งออกแบบเรตินาที่ใหญ่ขึ้นไม่ได้สร้างอัตราส่วนเค้าโครงใหม่ มันเพิ่มเฉพาะพิกเซลต้นทางเท่านั้น
- ใช้ 1200×630 หรือผ้าใบ 1.91:1 ที่ตั้งใจไว้อื่นสำหรับเนื้อหา OG หลัก
- เก็บข้อความ โลโก้ และใบหน้าที่สำคัญให้ห่างจากขอบทั้งสี่ด้าน
- ตรวจสอบภาพที่การ์ดมีขนาดเล็ก โดยข้อความที่ละเอียดและคอนทราสต์เล็กน้อยจะหายไป
- ส่งออกเวอร์ชันเรตินา 2× เมื่อไปป์ไลน์ของคุณต้องการรายละเอียดแหล่งที่มาเพิ่มเติมเท่านั้น คงอัตราส่วนไว้เท่าเดิม
- ตรวจสอบ URL สาธารณะขั้นสุดท้าย ประเภทสื่อ และการเข้าถึงไฟล์หลังจากการปรับใช้
คู่มือขนาดและระยะห่าง
คำถามเรื่องขนาด OG
อธิบายขนาด รูปแบบ และพฤติกรรมการครอบอย่างชัดเจน
ต้องใช้ 1200×630 ทุกที่ไหม?
เป็นค่าเริ่มต้นที่ดีข้ามแพลตฟอร์ม แต่ไม่ใช่ข้อบังคับสากล ขนาดอื่นอาจถูกครอบคาดเดายากกว่า
ควรใช้ไฟล์รูปแบบใด?
PNG เหมาะกับกราฟิกข้อความ JPEG ลดขนาดภาพถ่าย และ WebP เหมาะเมื่อทุกปลายทางรองรับ
ส่วนหัว X เหมือนรูป OG หรือไม่?
ไม่ ส่วนหัวโปรไฟล์กว้างกว่ามาก ควรใช้เทมเพลตเฉพาะ 1500×500
วางแผน ดูตัวอย่าง และเผยแพร่
เริ่มบนพื้นที่ออกแบบที่ถูกต้อง
เปิดตัวแก้ไขด้วยอัตราส่วนแนะนำ ทำตามคำแนะนำเรื่องระยะห่าง แล้วส่งออกในรูปแบบที่ต้องการ