เครื่องมือสร้างรูปภาพ OG
สร้างและดาวน์โหลดรูปภาพ OG ในเบราว์เซอร์ของคุณเพื่อเพิ่ม CTR เมื่อแชร์บนโซเชียล
รองรับขนาด 1200x630px, เทมเพลตมากมาย และฟอนต์คุณภาพสูง
📚 เทมเพลต
💾 เอาต์พุตและดาวน์โหลด
🏷️ เครื่องมือสร้าง Meta Tag OGP
วิธีทำงานและภาพรวมของเครื่องมือสร้างรูปภาพ OG
รูปภาพ OG (Open Graph) คือภาพตัวอย่างที่แสดงเมื่อหน้าเว็บถูกแชร์บนโซเชียลมีเดีย (X/Twitter, Facebook, LINE ฯลฯ) รูปภาพ OG ที่น่าสนใจเป็นองค์ประกอบสำคัญที่จะช่วยเพิ่มอัตราการคลิก (CTR) ได้อย่างมาก
เครื่องมือนี้ช่วยให้คุณสามารถสร้างรูปภาพ OG คุณภาพสูงระดับมืออาชีพบนเบราว์เซอร์ของคุณได้อย่างสมบูรณ์แบบ ฟรีและไม่ต้องสมัครสมาชิก มีเทมเพลตมากมาย ฟังก์ชันสร้างพื้นหลังไล่ระดับสีที่ยืดหยุ่น และการตั้งค่าฟอนต์ขั้นสูง
ทุกขั้นตอน รวมถึงกระบวนการสร้างและส่งออก จะประมวลผลภายในเครื่องของคุณ (Local) ผ่านเบราว์เซอร์โดยตรง เพื่อรับประกันความปลอดภัยในการสร้างรูปภาพ
วิธีใช้งานเครื่องมือ
เลือกเทมเพลต
เลือกการออกแบบพื้นฐานจากหมวดหมู่ เช่น เทคโนโลยี, บล็อก, หรือการตลาด คุณยังสามารถปรับแต่งเองทั้งหมดตั้งแต่เริ่มต้นได้
ปรับแต่งการออกแบบ
ปรับข้อความชื่อเรื่อง การไล่ระดับสีพื้นหลัง สี รูปภาพโลโก้ และป้ายตกแต่ง พร้อมตรวจสอบผลลัพธ์ผ่านตัวอย่าง SNS
บันทึกและตั้งค่าแท็ก Meta
ดาวน์โหลดรูปภาพในรูปแบบ PNG หรือ WebP สร้างแท็ก meta HTML OGP ที่ด้านล่างของเครื่องมือและตั้งค่าบนเว็บไซต์ของคุณ
OGP & คำศัพท์เกี่ยวกับรูปภาพ
- OGP (Open Graph Protocol)
- มาตรฐานข้อมูลเมตาที่นำเสนอโดย Facebook เพื่อกำหนดข้อมูลการแสดงผล (ชื่อเรื่อง รูปภาพ คำอธิบาย) เมื่อแชร์หน้าเว็บบนโซเชียลมีเดีย การตั้งค่าที่เหมาะสมจะช่วยเพิ่มการมองเห็นได้อย่างมาก
- Twitter Card (summary_large_image)
- แท็ก meta สำหรับ X (Twitter) โดยเฉพาะ ด้วยการระบุ `summary_large_image` ลิงก์ของคุณจะแสดงเป็นการ์ดที่มีรูปภาพขนาดใหญ่บนไทม์ไลน์ ซึ่งช่วยดึงดูดความสนใจของผู้ใช้ได้อย่างง่ายดาย
- อัตราส่วน 1.91:1
- อัตราส่วนมาตรฐานสำหรับภาพ OG มักแนะนำให้ใช้ขนาด 1200x630px การคงอัตราส่วนนี้ไว้จะช่วยให้รูปภาพของคุณไม่ถูกครอบตัดแบบผิดเพี้ยนเมื่อนำไปใช้บนแพลตฟอร์มต่างๆ
- อัตราส่วนพิกเซลของอุปกรณ์ (DPR)
- ค่าที่แสดงจำนวนพิกเซลจริง (Physical pixel) ที่ใช้ในการแสดงผล CSS 1 พิกเซล เครื่องมือนี้จะปรับขนาดการแสดงผล Canvas ให้เหมาะสมเพื่อให้ข้อความยังคงความคมชัดบนหน้าจอที่มีค่า DPR สูง เช่น Retina
คำถามที่พบบ่อย
- ถาม:ขนาดที่แนะนำสำหรับรูปภาพ OG คือเท่าไร?
- ขนาด 1200x630px (อัตราส่วน 1.91:1) คือมาตรฐานอุตสาหกรรม เป็นความละเอียดที่เหมาะสมที่สุดสำหรับ Facebook, X (Twitter), LINE และ LinkedIn
- ถาม:ฉันจะตั้งค่ารูปภาพที่สร้างบนเว็บไซต์ได้อย่างไร?
- อัปโหลดรูปภาพที่ดาวน์โหลดไปยังเซิร์ฟเวอร์ของคุณ (เช่น คลังสื่อ WordPress, AWS S3) และระบุ URL ของรูปภาพในแท็ก `<meta property="og:image" content="...">` ภายในส่วน `<head>` ของหน้าเว็บ
- ถาม:ข้อมูลหรือรูปภาพของฉันถูกบันทึกไว้บนเซิร์ฟเวอร์หรือไม่?
- ไม่ การประมวลผลทั้งหมดรวมถึงข้อความที่ป้อน โลโก้ที่อัปโหลด และรูปภาพ OG ที่สร้างขึ้น จะเสร็จสมบูรณ์ในเบราว์เซอร์ของคุณโดยตรง (Local) ข้อมูลจะไม่รั่วไหลออกสู่ภายนอก
- ถาม:Summary Large Image บน X (Twitter) คืออะไร?
- เป็นรูปแบบการแสดงผลแบบการ์ดที่มีรูปภาพขนาดใหญ่เมื่อมีการแชร์ลิงก์ คุณสามารถเปิดใช้งานได้โดยตั้งค่า twitter:card เป็น summary_large_image
- ถาม:ควรเลือก JPEG, PNG หรือ WebP ดี?
- JPEG เหมาะที่สุดสำหรับพื้นหลังที่เป็นรูปถ่าย แนะนำให้ใช้ PNG สำหรับภาพประกอบหรือรูปภาพที่มีข้อความเยอะเพื่อคงความคมชัดไว้ ส่วน WebP เป็นรูปแบบที่ทันสมัยและมีขนาดเล็ก
กรณีการใช้งาน
ภาพปกสำหรับบทความบล็อก
ใส่ชื่อบทความและป้ายหมวดหมู่เพื่อสร้างรูปภาพ OG ที่ดึงดูดความสนใจบนไทม์ไลน์ได้อย่างรวดเร็ว
แชร์สินค้าอีคอมเมิร์ซ
เตรียมรูปภาพพร้อมชื่อสินค้าและโลโก้แบรนด์เพื่อเพิ่มการเข้าชมจากโซเชียลมีเดียและกระตุ้นการสั่งซื้อ
ประกาศกิจกรรมและสัมมนาออนไลน์
รูปภาพ OG ที่จัดการรูปแบบอย่างลงตัวพร้อมแสดงวันที่ เวลา และข้อมูลวิทยากร จะช่วยกระตุ้นการลงทะเบียนได้อย่างมาก
พอร์ตโฟลิโอและผลงาน
สร้างความน่าเชื่อถือด้วยภาพลักษณ์ระดับมืออาชีพที่แสดงชื่อโปรเจกต์ รูปโปรไฟล์ และตำแหน่งของคุณ
ส่งความคิดเห็น
โปรดแจ้งให้เราทราบความคิดเห็นของคุณเพื่อช่วยปรับปรุงเครื่องมือ
การส่งความคิดเห็นถูกระงับชั่วคราว
เซิร์ฟเวอร์ไม่ว่างหรือระบบป้องกันสแปมทำงานอยู่ โปรดลองอีกครั้งในภายหลัง