OG圖片生成器
為社交媒體分享生成Open Graph預覽圖片。
設計能帶來點選的社交分享圖
Overview
當連結在 Twitter/X、Facebook、LinkedIn、Slack 或 Discord 上分享時,預覽卡片會拉取一張 Open Graph 圖(og:image)——出現在標題上方的大圖。設計良好的 OG 圖能顯著提升點選率;缺失或損壞的圖則讓連結顯得不可信。標準尺寸是 1200×630 畫素。這款生成器讓你用標題文字、背景和點綴色構成品牌分享圖,然後匯出,直接接入網站的 og:image 標籤。
How to Use (Step by Step)
- 1
輸入標題與樣式
鍵入標題,選擇背景與點綴色。預覽以真實的 1200×630 比例更新。
- 2
匯出 PNG
以完整 Open Graph 解析度下載渲染好的圖片。
- 3
接入元標籤
託管該 PNG,並在頁面 <head> 中加入 <meta property="og:image" content="..."> 和 <meta name="twitter:image">。
How It Works
你在 1200×630 的即時預覽中構圖——標題文字、可選副標題、背景色或漸變、點綴色。工具將設計渲染到精確 OG 尺寸的畫布上,匯出 PNG。你託管該 PNG 並在頁面的 Open Graph 與 Twitter Card 元標籤中引用它。社交平臺在連結首次分享時抓取圖片,併為預覽卡片快取。生成在瀏覽器本地完成。
When to Use This
為每篇部落格文章配上獨特的品牌分享卡,而非通用站點 logo。製作產品或功能的釋出公告。讓 Slack/Discord 中的活動、網路研討會連結更精緻。統一營銷站點的分享圖。為提升點選率對分享卡標題做 A/B 測試。
Frequently Asked Questions
1200×630 畫素(1.91:1 比例)是 Facebook、LinkedIn 和 Twitter 大卡片的通用標準。部分平臺會略微裁切邊緣,所以重要文字應遠離邊緣。