เครื่องมือสร้างภาพ OG
สร้างภาพ OG, ภาพ Open Graph และดีไซน์การ์ดสำหรับแชร์บนโซเชียลบนแคนวาส 1200x630
คำอธิบายแนวคิด
สร้างภาพ OG 1200x630 สำหรับโซเชียล, แชต, และตัวอย่างผลการค้นหา
ภาพ OG คือภาพย่อที่แสดงในลิงก์ที่แชร์ เพื่อแสดงชื่อเรื่อง คำอธิบาย และแบรนด์อย่างรวดเร็ว
ใช้กับคอนเทนต์ที่แชร์บนโซเชียล เมสเซนเจอร์ หรือสแนปช็อตการค้นหา โดยมีภาพตัวอย่างแสดงก่อนคลิกเปิดหน้า
เมื่อเตรียมไฟล์ขนาด 1200x630 ให้วางข้อความสำคัญและโลโก้ไว้ใกล้พื้นที่ปลอดภัยตรงกลางก่อน แล้วปรับระยะห่างเพื่อลดความแตกต่างของการครอปในแต่ละพื้นที่แสดงตัวอย่าง
เก็บคอนทราสต์ให้สูง กำหนดมาร์กแบรนด์ให้คงที่ และตรวจสอบขนาดไฟล์และฟอร์แมตก่อนอัปโหลด ก่อนทดสอบการแคชและการรีเฟรชตัวอย่างในแต่ละแพลตฟอร์ม
สถานการณ์ใช้งาน
ก่อนเผยแพร่ ให้เตรียมภาพตัวอย่างตัวแทนสำหรับเป้าหมายลิงก์แต่ละรายการ และกำหนดชื่อเรื่องกับคำอธิบายสำหรับโซเชียลและการค้นหา
การตรวจสอบคุณภาพ
ตรวจสอบโซนข้อความที่ปลอดภัย ความชัดเจนของโลโก้ และความต่างสี แล้วปรับตัวอักษรและขอบเพื่อรับมือการครอปที่อาจเกิดขึ้น
การตรวจสอบก่อนปล่อย
ยืนยันขนาดไฟล์และรูปแบบ แล้วใช้เครื่องมือดูตัวอย่างในแต่ละแพลตฟอร์มเพื่อตรวจพฤติกรรมแคชและผลการแสดงผล
การแสดงผลของแต่ละแพลตฟอร์มอาจต่างกันตามนโยบายและสถานะแคช ควรตรวจทานการเรนเดอร์ตัวอย่างบนบริการปลายทางก่อนเผยแพร่
เครื่องมือสร้างภาพ OG พื้นที่ทำงานสร้างภาพ OG
วิธีใช้
- 1 ป้อนชื่อเรื่อง คำอธิบาย ชื่อแบรนด์ และเลือกสีพื้นหลัง
- 2 เพิ่มภาพพื้นหลังได้ตามต้องการ แล้วเลือก PNG หรือ JPEG
- 3 ตรวจตัวอย่าง จากนั้นดาวน์โหลดไฟล์รูปภาพ
กรณีใช้งานทั่วไป
- สร้างภาพแชร์สำหรับบล็อก
- สร้างภาพ social card
- ดาวน์โหลดดีไซน์ภาพ Open Graph
คำถามที่พบบ่อย
ใช้ไลบรารีแก้ไขภายนอกหรือไม่?
การแก้ไขและดาวน์โหลดปกติใช้ browser canvas ส่วนการดาวน์โหลดแบบปรับแต่งบนเซิร์ฟเวอร์จะบีบอัดภาพเป็น WebP บน Cloud Run