OG Image Generator
OG Image Generator — ทำงานในเบราว์เซอร์ ไม่บันทึกข้อมูล
ตัวสร้างรูป OG
ผ้าใบ 1200×630 (Open Graph / แชร์โซเชียล)
กรอกค่า แล้วกดคำนวณ
วิธีใช้
- เลือกสีพื้นหลัง และสีข้อความ ค่าเริ่มต้นคือข้อความขาวบนพื้นมืด
- ใส่หัวข้อ (สูงสุด 80 ตัวอักษร) และหัวข้อรอง (สูงสุด 120 ตัวอักษร)
- กดพรีวิว เพื่อวาดบนแคนวาส 1200×630 การเปิดหน้าอาจวาดข้อความเริ่มต้นแล้ว
- เมื่อการ์ดแชร์ดูถูกแล้ว ให้บันทึกด้วยดาวน์โหลด PNG
- ถ้าจะเปลี่ยนข้อความ ให้แก้แล้วพรีวิวอีกครั้ง หรือกดรีเซ็ต
แนวคิดหลัก
ตัวสร้างภาพ OG ทำภาพ Open Graph อย่างเร็วสำหรับพรีวิวลิงก์ KakaoTalk, Facebook และ Slack ขนาดคงที่ที่แนะนำ 1200×630 ไม่มีอัปโหลดโลโก้หรือเลือกไฟล์ฟอนต์—มีแค่สีพื้นหลังและข้อความสองบรรทัด แคนวาสเรนเดอร์ในเบราว์เซอร์เท่านั้น
ใส่ URL ของ PNG นี้บนไซต์คุณในแท็กเมตา og:image หัวข้อยาวอาจถูกตัด ดังนั้นเก็บคำหลักเท่านั้น การ์ดใหญ่ Twitter มักใช้อัตราส่วนเดียวกัน หากต้องการพื้นหลังรูปภาพ ให้ออกแบบที่อื่นแล้วใช้หน้านี้สำหรับการ์ดแบบข้อความ
ตัวอย่าง
ใส่หัวข้อโพสต์ใน Title ชื่อไซต์ใน Subtitle แล้วกดพรีวิวเพื่อการ์ดมืดตัวอักษรขาว โฮสต์ PNG บนพาธคงที่แล้วเติม og:image ในตัวสร้างแท็กเมตาเพื่อเชื่อมพรีวิวแชร์ เก็บหัวข้อสั้นพอหนึ่งบรรทัด และใส่ไซต์หรือวันที่ในหัวข้อรองให้อ่านง่าย คอนทราสต์ต่ำจะกลบตัวอักษรในภาพย่อเมสเซนเจอร์—ตรวจคอนทราสต์ในพรีวิว บางแพลตฟอร์มว่างการ์ดถ้า URL PNG ไม่ใช่ https เมื่อลองอินพุตเดิม ให้รีเซ็ตก่อน บนคอมพิวเตอร์ที่ใช้ร่วมกัน ให้ล้างช่องเมื่อเสร็จ ปิดแท็บแล้วค่าหาย
ที่เกี่ยวข้อง: ตัวสร้าง favicon · ตัวสร้างมีม
คำถามที่พบบ่อย
ขนาดภาพ OG คงที่หรือไม่?
ใช่ เป็น 1200×630 ซึ่งเป็นขนาด Open Graph ที่มักแนะนำ
อัปโหลดภาพโลโก้ได้หรือไม่?
เวอร์ชันนี้วาดเฉพาะสีพื้นหลังบวกข้อความหัวข้อและหัวข้อรอง
PNG ถูกอัปโหลดไปเซิร์ฟเวอร์อัตโนมัติหรือไม่?
ไม่ วาดในเบราว์เซอร์และดาวน์โหลดเท่านั้น คุณโฮสต์เอง
มีจำกัดตัวอักษรหัวข้อหรือไม่?
ช่องจำกัดหัวข้อที่ 80 ตัวอักษรและหัวข้อรองที่ 120 ประโยคยาวอาจดูถูกตัด
ใช้กับการ์ด Twitter ได้ด้วยหรือไม่?
PNG เดียวกันมักใช้เป็น twitter:image เลือกชนิดการ์ดในแท็กเมตา
ข้อความเกาหลีพังในฟอนต์หรือไม่?
ใช้ฟอนต์แคนวาสเริ่มต้นของเบราว์เซอร์ น้ำหนักและการตัดอาจต่างตามสภาพแวดล้อม
ตรวจทานล่าสุด: 2026-09-04