IMG.DIY / เพิ่มเติม / เครื่องมือสร้างปกโซเชียล

เครื่องมือสร้างปกโซเชียล

พิมพ์หัวเรื่อง เลือกไล่สี ดาวน์โหลดปกโซเชียลที่พิกเซลเป๊ะ — ไม่ต้องใช้แอปออกแบบ

เครื่องมือสร้างปกโซเชียล visual example
ความเป็นส่วนตัวมาก่อน: ไม่มีการอัปโหลด

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

เครื่องมือสร้างปกโซเชียล: 1 · Choose input
1 · Choose input
เครื่องมือสร้างปกโซเชียล: 2 · Adjust and process
2 · Adjust and process
เครื่องมือสร้างปกโซเชียล: 3 · Download result
3 · Download result

ลิงก์ที่ไม่มีภาพ Open Graph จะถูกมองข้ามในฟีด เครื่องมือนี้ให้คุณได้ปกที่สะอาดและเน้นตัวอักษรในขนาดที่แต่ละแพลตฟอร์มต้องการเป๊ะ — OG 1200×630, Twitter/X, ภาพย่อ YouTube, โพสต์สี่เหลี่ยมจัตุรัสหรือสตอรีแนวตั้ง — พร้อมการตัดบรรทัดข้อความอัตโนมัติที่รองรับทั้งภาษาอังกฤษและ CJK

เลือกพื้นหลังไล่สีหนึ่งในแปดแบบ ตั้งชื่อเรื่อง คำบรรยายและโดเมนของคุณ แล้วดาวน์โหลด PNG ตัวอย่างแบบเรียลไทม์คือผืนผ้าใบจริงที่จะถูกส่งออก สิ่งที่คุณเห็นจึงตรงกับสิ่งที่คุณได้เป๊ะ ๆ

วิธีใช้งาน

  1. เลือกขนาดOG, Twitter, YouTube, สี่เหลี่ยมจัตุรัสหรือสตอรี
  2. เขียนข้อความชื่อเรื่อง คำบรรยาย (ถ้ามี) และแบรนด์หรือโดเมนของคุณที่มุม
  3. ดาวน์โหลด PNGตัวอย่างคือไฟล์ — พิกเซลเป๊ะ พร้อมอัปโหลด

ออกแบบภาพปกโซเชียลในเบราว์เซอร์

ตัวสร้างนี้ทำภาพปกที่โผล่ขึ้นมาเมื่อลิงก์ถูกแชร์ ทั้งการ์ด Open Graph บน Facebook และ LinkedIn การ์ดสรุปบน Twitter/X และภาพขนาดย่อที่อื่น ๆ เลือกพรีเซ็ตแล้วมันตั้งขนาดพิกเซลตรงตามที่แต่ละแพลตฟอร์มต้องการ OG ที่ 1200x630, Twitter/X ที่ 1200x675, YouTube ที่ 1280x720, จัตุรัส 1080x1080 หรือสตอรี 1080x1920 ไม่ต้องเดาขนาดอีกต่อไป

คุณใส่ชื่อเรื่อง คำโปรย และข้อความแบรนด์บนพื้นหลังไล่สีที่มีให้แปดแบบ ข้อความตัดบรรทัดอัตโนมัติและรองรับทั้งภาษาอังกฤษและ CJK พาดหัวยาวและชื่อเรื่องภาษาจีนจึงอยู่ในกรอบทั้งคู่ พรีวิวสดคือ canvas ตัวเดียวกับที่ถูกส่งออก สิ่งที่เห็นคือสิ่งที่ได้ดาวน์โหลด

ส่ง PNG ตรงเข้า meta tag ของคุณ

เมื่อภาพปกดูดีแล้ว ดาวน์โหลดเป็น PNG แล้วชี้แท็ก og:image และ twitter:image ของคุณไปที่มัน ภาพแชร์โซเชียลที่ถูกต้องคือสิ่งที่เปลี่ยนลิงก์โล้น ๆ ให้เป็นการ์ดที่มีรูปจริง และมันดึงคลิกในฟีดกับแชทได้มากกว่า URL เปล่ามาก

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

ผู้คนใช้ทำอะไรบ้าง

การ์ดแชร์โพสต์บล็อก — ทำภาพ OG ขนาด 1200x630 พร้อมชื่อโพสต์ ให้ลิงก์แสดงเป็นการ์ดจริงบนโซเชียล

การ์ด Twitter/X — ส่งออกภาพ 1200x675 ตามขนาดการ์ดสรุปของ X แทนที่จะโดนครอปแปลก ๆ

ภาพขนาดย่อ YouTube — สร้างภาพปก 1280x720 พร้อมชื่อเรื่องตัวหนาสำหรับภาพขนาดย่อวิดีโอ

เปิดตัวสินค้าหรือฟีเจอร์ — สร้างภาพปก 1200x630 ติดแบรนด์ ให้ลิงก์เปิดตัวดูตั้งใจเมื่อถูกแชร์

โพสต์จัตุรัส Instagram — สร้างจัตุรัส 1080x1080 พร้อมพาดหัวและโลโก้แบรนด์สำหรับโพสต์ฟีด

ปกสตอรีหรือรีล — ออกแบบปกแนวตั้ง 1080x1920 สำหรับสตอรีหรือคลิปสั้น

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

ชื่อเรื่องสองภาษา — ตั้งพาดหัวภาษาอังกฤษหรือจีน แล้วให้การตัดบรรทัดอัตโนมัติดูแลให้อยู่ในกรอบ

สร้างภาพที่จะโผล่ขึ้นมาเมื่อลิงก์ของคุณถูกแชร์

เมื่อคุณวางลิงก์ลงใน Slack, iMessage, LinkedIn หรือทวีต การ์ดพรีวิวกำลังทำงานเงียบ ๆ ภาพบนการ์ดนั้นมักเป็นเหตุผลใหญ่ที่สุดที่คนคลิก มันคือภาพ Open Graph ขนาด 1200 × 630 สำหรับแพลตฟอร์มส่วนใหญ่ อัตราส่วนต่างไปเล็กน้อยสำหรับ Twitter/X ขนาด 1280 × 720 สำหรับภาพย่อ YouTube สี่เหลี่ยมจัตุรัสหรือสตอรี่ 9:16 สำหรับฟีดอื่น ปล่อยหน้าเว็บออกไปโดยไม่มีมัน การ์ดก็จะย้อนไปใช้โลโก้ที่ถูกครอปหรือไม่มีอะไรเลย และโพสต์ที่คุณเขียนมาอย่างพิถีพิถันก็ดูเหมือนทำไม่เสร็จในฟีด

งานนี้เล็กแต่จุกจิก คุณต้องได้ขนาดพิกเซลเป๊ะสำหรับแพลตฟอร์ม พื้นหลังที่อ่านได้ดีในขนาดภาพย่อ หัวข้อที่ใหญ่พอจะรอดจากการถูกย่อในไทม์ไลน์ และอาจมีหัวข้อรองกับโดเมนของคุณ เครื่องมือออกแบบทำได้ทั้งหมด แต่มันให้คุณตั้งแคนวาส หาเทมเพลต และ export ที่มิติถูกต้อง เป็นภาระจริงสำหรับสิ่งที่คุณอาจต้องทำใหม่ทุกโพสต์บล็อก ตัวสร้างภาพ OG เฉพาะทางทำให้ราบรื่นขึ้น แต่หลายตัวต้องมีบัญชี ขอให้คุณอัปโหลดแอสเซต หรือล็อกคุณไว้กับหน้าตาเทมเพลตของมัน

OG Image สร้างการ์ดในเบราว์เซอร์ เลือกพรีเซต OG / Facebook 1200 × 630, Twitter/X 1200 × 675, YouTube 1280 × 720, สี่เหลี่ยม 1080 × 1080 หรือสตอรี่ 1080 × 1920 เลือกไล่เฉดสี พิมพ์หัวข้อ หัวข้อรอง และแบรนด์หรือโดเมน แล้วมันจัดวางทุกอย่างบน Canvas ที่ขนาดเป๊ะตามที่แพลตฟอร์มคาดหวัง หัวข้อตัดบรรทัดและปรับขนาดอัตโนมัติ การตกแต่งเบาบางช่วยไม่ให้ดูแบน และปุ่มสลับข้อความสีเข้มจัดการพื้นหลังสว่างได้ ไม่มีการอัปโหลด หัวข้อที่คุณยังไม่ได้เผยแพร่จึงอยู่บนเครื่องของคุณ และคุณได้ PNG สะอาดที่ตั้งชื่อตามขนาด พร้อมหย่อนลงแท็ก og:image ของคุณ

สิ่งที่ทำให้แตกต่าง

  • ขนาดถูกต้อง ทุกแพลตฟอร์ม OG 1200 × 630, Twitter/X 1200 × 675, YouTube 1280 × 720, สี่เหลี่ยม และสตอรี่ พิกเซลเป๊ะ ไม่มีเซอร์ไพรส์เรื่องการครอป
  • ข้อความที่รอดจากภาพย่อ หัวข้อตัดบรรทัดและปรับขนาดอัตโนมัติ พร้อมหัวข้อรองและบรรทัดแบรนด์/โดเมน บวกปุ่มสลับข้อความสีเข้มสำหรับไล่เฉดสีสว่าง
  • แปดไล่เฉดสี จัดวางแบบสด การตกแต่งเบาบางช่วยไม่ให้การ์ดดูเหมือนบล็อกสีแบน และทุกการเปลี่ยนแปลงพรีวิวทันที
  • ไม่มีการอัปโหลด หัวข้อที่ยังไม่เผยแพร่และถ้อยคำใด ๆ อยู่ในเบราว์เซอร์ ไม่มีแอสเซตไปที่เซิร์ฟเวอร์
  • ใช้งานออฟไลน์ได้ แคชไว้หลังเข้าครั้งแรก คุณจึงทำการ์ดได้บนเที่ยวบิน
  • ฟรี ไม่ต้องมีบัญชี ไม่มีลายน้ำ ดาวน์โหลด PNG สะอาดที่ตั้งชื่อตามมิติของมัน

IMG.DIY เทียบกับเครื่องมือภาพ OG อื่น ๆ

Canva และตัวสร้าง OG เฉพาะทางมีความสามารถ แต่ต้องตั้งค่ามากกว่าและมักส่งงานของคุณผ่านเซิร์ฟเวอร์หรือเทมเพลตของมัน

แง่มุม Canva ตัวสร้างภาพ OG เฉพาะทาง IMG.DIY
ต้องมีบัญชี ต้อง มักต้อง ไม่ต้อง
อัปโหลด / เรนเดอร์ฝั่งเซิร์ฟเวอร์ ฝั่งเซิร์ฟเวอร์ บ่อยครั้ง ไม่ ในเบราว์เซอร์ทั้งหมด
พรีเซตขนาดแพลตฟอร์ม ทำเองหรือเทมเพลต มี OG, Twitter/X, YouTube, สี่เหลี่ยม, สตอรี่
ความยืดหยุ่นในการออกแบบ สูงมาก ผูกกับเทมเพลต โฟกัส ไล่เฉดสี + หัวข้อ/หัวข้อรอง/แบรนด์
ความเร็วถึงการ์ดเสร็จ ปานกลาง เร็วแต่มักมีกำแพง พิมพ์ เลือก ดาวน์โหลด
ออฟไลน์ ไม่ได้ ไม่ได้ ได้ หลังเข้าครั้งแรก
ลายน้ำ บนบางการ export บางครั้งในระดับฟรี ไม่มี

Canva ชนะเมื่อคุณต้องการการ์ดที่ปรับแต่งเต็มด้วยภาพถ่าย โลโก้ และการควบคุมเลย์เอาต์แม่นยำ มันเป็นเครื่องมือออกแบบจริงและคุ้มค่าสำหรับกราฟิกหลัก ตัวสร้าง OG เฉพาะทางเร็วและสร้างมาตรงจุด แต่หลายตัวกั้นผลลัพธ์ที่ดีไว้หลังบัญชี ขั้นตอนอัปโหลด หรือสไตล์เทมเพลตตายตัว OG Image อยู่ปลายที่เร็วและเป็นส่วนตัว คือมีปุ่มปรับน้อยกว่า แต่เป็นปุ่มที่สำคัญ คือขนาดแพลตฟอร์มเป๊ะ หัวข้อที่อ่านได้ ไล่เฉดสี บรรทัดแบรนด์ โดยไม่ต้องล็อกอินและไม่มีอะไรออกจากเบราว์เซอร์ สำหรับงานประจำในการให้การ์ดแชร์ที่ดีแก่แต่ละหน้า นั่นมักเป็นทั้งหมดที่คุณต้องการ

ทำไมต้อง IMG.DIY

5 ขนาดแพลตฟอร์ม

OG 1200×630 ไปจนถึงสตอรี 1080×1920

8 ไล่สี

พื้นหลังสะอาดที่ไม่แย่งซีนกับข้อความ

ตัดบรรทัดอัจฉริยะ

จัดการหัวเรื่องยาวและข้อความ CJK ได้ถูกต้อง

ทันที

ไม่ต้องใช้แอปผืนผ้าใบ ไม่ต้องใช้เว็บเทมเพลต ไม่ต้องล็อกอิน

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

ภาพ OG ควรมีขนาดเท่าไร?
1200×630 เป็นมาตรฐานที่ Facebook, LinkedIn, Slack และแพลตฟอร์มส่วนใหญ่แสดงผลได้ดีที่สุด
ใช้ภาพพื้นหลังของตัวเองได้ไหม?
เวอร์ชันนี้เน้นตัวอักษร (พื้นหลังไล่สี) สำหรับปกที่ใช้ภาพถ่าย ประกอบในเครื่องมือคอลลาจก่อนแล้วมาเพิ่มข้อความที่นี่ — หรือบอกเรามา อยู่ในแผนงานแล้ว
รองรับหัวเรื่องภาษาจีนไหม?
รองรับ — การตัดบรรทัดรับรู้ตัวอักษรสำหรับ CJK หัวเรื่องภาษาจีนยาว ๆ จึงตัดได้ถูกต้อง
วางภาพ OG ไว้ที่ไหน?
อัปโหลดที่ใดก็ได้ที่เป็นสาธารณะแล้วอ้างอิงใน <meta property="og:image" content="…"> บนหน้าของคุณ
ภาพ OG ควรขนาดเท่าไร?
ขนาดมาตรฐานของ Open Graph คือ 1200x630 ซึ่งเป็นพรีเซ็ตเริ่มต้นที่นี่ การ์ดสรุปของ Twitter/X ใช้ 1200x675 ภาพขนาดย่อ YouTube ใช้ 1280x720 และยังมีพรีเซ็ตจัตุรัส 1080x1080 กับสตอรี 1080x1920 ให้ตรงกับแต่ละแพลตฟอร์มเป๊ะ ๆ
ชื่อเรื่องภาษาจีนหรือชื่อยาว ๆ จะโดนตัดไหม?
ไม่ การตัดบรรทัดรองรับทั้งภาษาอังกฤษและ CJK และไหลชื่อเรื่องลงหลายบรรทัดเพื่อให้อยู่ในกรอบ ชื่อภาษาจีนและพาดหัวภาษาอังกฤษยาว ๆ จึงพอดีทั้งคู่
ส่งออกเป็นฟอร์แมตอะไร?
ดาวน์โหลดเป็น PNG ซึ่งเป็นฟอร์แมตที่ปลอดภัยและรองรับกว้างสำหรับแท็ก og:image และ twitter:image พรีวิวที่คุณเห็นคือ canvas ตัวเดียวกับที่ถูกส่งออก
ทำอย่างไรให้ภาพแสดงจริงเวลาแชร์ลิงก์?
โฮสต์ PNG ที่ส่งออกแล้วอ้างอิงในแท็ก og:image และ twitter:image ของเพจ หลังจากนั้นแพลตฟอร์มจะหยิบไปใช้เอง แม้บางเจ้าแคชหนักมาก ให้ใช้ debugger ของแพลตฟอร์มรีเฟรชพรีวิวถ้าจำเป็น
เปลี่ยนพื้นหลังได้ไหม?
มีพรีเซ็ตไล่สีให้เลือกแปดแบบ พร้อมชื่อเรื่อง คำโปรย และข้อความแบรนด์วางทับ มันถูกสร้างมาเพื่อภาพปกที่เร็วและสะอาด ไม่ใช่เลย์เอาต์อิสระ คุณจึงได้ผลลัพธ์ดีโดยไม่ต้องจุกจิก
ทำไมการ์ดยังโชว์รูปเก่าหลังอัปเดตแล้ว?
Facebook, LinkedIn และ X แคชภาพ OG ภาพปกเก่าจึงค้างอยู่ได้ รันลิงก์ผ่าน sharing debugger ของแพลตฟอร์มเพื่อบังคับ scrape ใหม่และดึงภาพใหม่ของคุณ

เครื่องมือที่เกี่ยวข้อง

คู่มือและเคล็ดลับ