OG 圖片產生器
在 blog 文章、發布筆記或登陸頁被分享前，先讓連結預覽看起來像有整理過。
Theme
DEPLOYPAGES
用更好的社群預覽發佈下一次上線
建立 OG 卡片，讓發佈說明、部落格文章和登陸頁被分享時更完整。
D
DeployPages Team
Published on 5/20/2026
預覽會縮放以符合頁面。下載檔案使用 1200x630。
關於 Open Graph 圖片
最佳尺寸：1200x630
1.91:1 橫式比例廣泛用於 Open Graph 預覽。它有足夠空間放標題、產品脈絡和品牌標記，不必依賴太小的字。
為什麼重要
連結預覽常是發布、文章或工具的第一個視覺印象。刻意設計的卡片會讓頁面看起來有人維護，而不是自動生成。
縮小後仍要可讀
社群卡片常以縮圖顯示。字要夠大，避免密集段落，重要內容也不要貼邊。
平台尺寸指南
1200 x 630
Facebook / LinkedIn
標準橫式格式。重要文字保持置中，較能撐過平台裁切。
1200 x 600
Twitter Summary Large
Twitter 也適合稍短的 2:1 卡片，不過 1200x630 仍有較廣相容性。
1:1 Square
WhatsApp / WeChat
方形預覽常從中心裁切，因此跨 messaging apps 分享時，中央構圖很重要。
常見問題
產生的圖片歸我所有嗎？
是。圖片在你的瀏覽器本機產生，生成過程不會上傳到伺服器。
我要怎麼把圖片接到 metadata？
加入 og:image meta tag 指向最後圖片網址；需要時再搭配 twitter:card 設為 summary_large_image。
可以使用非拉丁文字嗎？
可以。只要 rendering environment 有需要的字型，瀏覽器 renderer 支援非拉丁文字。
為什麼平台還顯示舊預覽圖？
社群平台會快取連結預覽。修改圖片網址或 metadata 後，請用平台分享 debugger 或 card validator 強制刷新。
每個頁面都應該用同一張 OG 圖嗎？
工具頁用預設圖可以；重要發布、blog 文章和登陸頁通常更適合使用頁面專屬卡片。