ข้ามไปยังเนื้อหาหลัก

เครื่องมือสร้างภาพ OG ฟรีภาพ Open Graph ที่สื่อสารชัดเจนในพริบตา

เครื่องมือสร้างภาพ OG ฟรีสำหรับภาพ Open Graph ที่สะอาดตา — เลือกเทมเพลต พิมพ์หัวเรื่องของคุณ แล้วส่งออกไฟล์ PNG, JPEG หรือ WebP ขนาด 1200×630 ที่เนี้ยบพร้อมใช้ ได้เลยในเบราว์เซอร์ ไม่ต้องสมัคร ไม่มีลายน้ำ ไม่ต้องมีทักษะการออกแบบ

OG 1200×630 · X HEADER 1500×500 · PNG, JPEG หรือ WebP
01 · เลือกเทมเพลต
การตลาด
สร้างภาพ OG ที่สวยงาม
og:image-right ✓
ประกาศการเปิดตัวของคุณ
og:hero
ชื่อเรื่องเรียบง่ายก็เพียงพอ
og:basic
บันทึกการเปลี่ยนแปลง
v2.0 เปิดตัวแล้ว — มีอะไรใหม่
og:notice

// เครื่องมือฟรี

เครื่องมือสร้างภาพ OG

สร้างภาพ Open Graph ที่พร้อมแชร์ได้อย่างรวดเร็ว เลือกเทมเพลต แก้ไขข้อความ เลือกพื้นหลัง — แล้วส่งออก

กำลังสร้างตัวอย่าง…

ภาพของคุณอัปเดตแบบสด ๆ — ไม่ต้องสมัคร

// วิธีใช้งาน

สามขั้นตอนสู่ภาพที่พร้อมแชร์

01
เลือกเทมเพลต

เริ่มจากเลย์เอาต์ที่กำหนดขนาดมาพอดีสำหรับการ์ด Open Graph (1200×630) และส่วนหัว X (1500×500)

02
ปรับให้เป็นของคุณ

แก้ไขหัวเรื่อง แท็ก โลโก้ และพื้นหลัง ตัวอย่างจะอัปเดตแบบเรียลไทม์ขณะที่คุณพิมพ์

03
ส่งออกและเผยแพร่

ดาวน์โหลด PNG, JPEG หรือ WebP ด้วยชื่อไฟล์ที่ชัดเจนและปรับคุณภาพได้

// ทำไมต้องใช้เครื่องมือนี้

สร้างมาเพื่อคนที่ลงมือทำจริง

เครื่องมือแก้ไขพร้อมตัวอย่างสด

ปรับข้อความ ฟอนต์ และพื้นหลัง แล้วดูภาพสุดท้ายอัปเดตแบบเรียลไทม์

เทมเพลตมืออาชีพ 8 แบบ

พรีเซ็ตที่สะอาดตา ออกแบบมาสำหรับการ์ด Open Graph และส่วนหัว X/Twitter — ไม่ต้องเริ่มจากผืนผ้าเปล่า

PNG · JPEG · WebP

ดาวน์โหลด PNG, JPEG หรือ WebP ด้วยชื่อไฟล์ที่ชัดเจนและปรับคุณภาพได้

เมตาแท็ก

ตรวจดูการจำลองการ์ดโซเชียล แก้ไขรายการตรวจสอบ metadata และคัดลอกแท็กก่อนเผยแพร่

สอดคล้องกับแบรนด์

รักษาฟอนต์ ระยะห่าง และองค์ประกอบให้สม่ำเสมอในทุกลิงก์ที่คุณแชร์

เริ่มใช้ฟรี

เซิร์ฟเวอร์ไม่เก็บหน้าเว็บที่อ่านไว้ในระยะยาว ช่องที่นำเข้าจะบันทึกเป็นฉบับร่างภายในเบราว์เซอร์นี้

// คู่มือ Open Graph

ภาพ OG ที่ดีต้องมีอะไรบ้าง?

ภาพ Open Graph คือภาพตัวอย่างที่แสดงเมื่อมีการแชร์ลิงก์ของคุณบน X, Facebook, LinkedIn, Slack หรือ iMessage ภาพนี้กำหนดด้วยเมตาแท็ก og:image เพียงแท็กเดียว — และมักเป็นสิ่งแรกที่ผู้คนเห็นจากเว็บไซต์ของคุณ

ภาพ OG ที่ดีช่วยให้ลิงก์ที่แชร์อ่านคร่าว ๆ และจดจำได้ง่ายขึ้น ควรสื่อสารได้ในพริบตา ด้วยชื่อเรื่องสั้นและใหญ่ ความต่างสีที่ชัดเจนกับพื้นหลัง และโลโก้เพื่อช่วยให้จดจำแบรนด์ได้

01วางข้อความไว้ในพื้นที่ปลอดภัย แต่ละแพลตฟอร์มครอบขอบภาพไม่เหมือนกัน จึงควรวางชื่อเรื่องให้ห่างจากขอบ
02ใช้ตัวอักษรขนาดใหญ่ ชื่อเรื่องจะแสดงค่อนข้างเล็กในฟีด ขนาดตั้งแต่ 60px ที่ 1200×630 ยังคงอ่านได้ชัดเจน
03ให้ความสำคัญกับความต่างสีมากกว่าการตกแต่ง ข้อความสีเข้มบนพื้นหลังสีอ่อนหรือในทางกลับกัน ให้ผลดีกว่าภาพที่มีรายละเอียดแน่นเกินไป
04รักษาความสม่ำเสมอ การใช้เทมเพลตเดียวกันทั่วทั้งเว็บไซต์ช่วยให้ทุกการแชร์เป็นที่จดจำ
ข้อมูลอ้างอิงขนาด
og:image1200 × 630 · 1.91:1
ภาพส่วนหัว X1500 × 500 · 3:1
ขั้นต่ำ600 × 315
ขนาดไฟล์< 1 MB
รูปแบบPNG / JPEG / WebP
<!-- เพิ่มใน <head> -->
<meta property="og:image"
content="https://your.site/og.png">
// คำถามที่พบบ่อย

คำถามที่พบบ่อย

มีคำถามอื่นอีกไหม? ติดต่อเราได้ที่ GitHub หรือทางอีเมล

ภาพ OG คืออะไร และทำไมฉันถึงต้องมี?

ภาพ OG (Open Graph) คือภาพตัวอย่างที่ปรากฏเมื่อลิงก์ของคุณถูกแชร์บนแพลตฟอร์มอย่าง X, Facebook, LinkedIn และ Slack ภาพ OG ที่ชัดเจนช่วยให้ตัวอย่างมีชื่อเรื่องที่อ่านง่าย บริบทที่เป็นประโยชน์ และเอกลักษณ์แบรนด์ที่จดจำได้

เครื่องมือนี้ฟรีจริงหรือ? มีเงื่อนไขอะไรไหม?

เครื่องมือแก้ไขใช้งานได้ฟรีโดยไม่ต้องสมัคร และไม่มีลายน้ำ

รองรับขนาดภาพอะไรบ้าง?

ขนาด Open Graph มาตรฐาน (1200×630) และขนาดส่วนหัว X/Twitter (1500×500) เทมเพลตถูกปรับให้เหมาะกับขนาดเหล่านี้ เพื่อให้ภาพของคุณดูถูกต้องบนทุกแพลตฟอร์ม

รองรับรูปแบบการส่งออกใดบ้าง

ดาวน์โหลด PNG, JPEG หรือ WebP ด้วยชื่อไฟล์ที่ชัดเจนและปรับคุณภาพได้

มีฟอนต์และตัวเลือกการปรับแต่งอะไรบ้าง?

ฟอนต์ 19 ตระกูลพร้อมน้ำหนักหลายระดับ พื้นหลังที่ปรับแต่งได้ (สีทึบ ไล่สี ลวดลาย) การซ้อนตาราง และเอฟเฟกต์ noise แต่ละเทมเพลตมีตัวเลือกเฉพาะสำหรับข้อความ เลย์เอาต์ และสไตล์

ฉันใช้ภาพที่สร้างขึ้นเพื่อการค้าได้ไหม?

ได้ — ภาพทั้งหมดที่คุณสร้างเป็นของคุณ ใช้ได้ทั้งโปรเจกต์ส่วนตัว เว็บไซต์เชิงพาณิชย์ การเปิดตัวผลิตภัณฑ์ และแคมเปญการตลาด โดยไม่ต้องระบุแหล่งที่มา

สร้างภาพ OG ถัดไปของคุณ

วาง URL ของหน้าเว็บสาธารณะเพื่อตรวจหาเมทาดาทาสำหรับโซเชียล และนำเข้าชื่อเรื่อง คำอธิบาย และชื่อเว็บไซต์ลงในเครื่องมือแก้ไข