OG image 的標準尺寸是 1200×630 像素，長寬比 1.91:1。 只要用這一個尺寸，你的連結預覽就能在 Facebook、X (Twitter)、LinkedIn、Slack、Discord、WhatsApp 和 Telegram 上正確顯示。
這就是簡短的答案。本指南接下來要談的，是真正容易讓人踩雷的細節：各平台的確切尺寸、文字安全區域、檔案大小限制，以及告訴各平台你的圖片放在哪裡的 meta 標籤。
一個尺寸，走遍所有平台
如果只能記住一個數字，就記這個：
| 屬性 | 建議值 |
|---|---|
| 尺寸 | 1200 × 630 px |
| 長寬比 | 1.91:1 |
| 格式 | PNG 或 JPG |
| 檔案大小 | 1 MB 以內（硬性上限更高，但檔案越小載入越快） |
| URL | 絕對 HTTPS URL |
主流平台不是原生採用 1.91:1，就是能從這個比例優雅地裁切。直接以 1200×630 設計，代表每個頁面只需要做一張圖，而不是五張。
各平台的 OG image 尺寸
各平台在偏好與強制規範上略有不同：
| 平台 | 建議尺寸 | 說明 |
|---|---|---|
| 1200 × 630 | 最小 200×200；小於 600×315 的圖片會顯示成小縮圖，而不是大卡片 | |
| X (Twitter) | 1200 × 630 | summary_large_image 卡片會往 2:1 裁切——關鍵內容請置中 |
| 1200 × 627 | 1.91:1；實際上可以和 Facebook 共用同一張圖 | |
| Discord | 1200 × 630 | 大型連結嵌入會使用 og:image |
| Slack | 1200 × 630 | 連結展開直接讀取 Open Graph 標籤 |
| 1200 × 630 | 檔案要小（最好遠低於 300 KB），否則預覽可能載入失敗 | |
| Telegram | 1200 × 630 | 讀取 og:image；快取非常頑強 |
| 1000 × 1500 | 唯一的例外——Pin 偏好 2:3 直式圖，請為 Pinterest 另外準備圖片 |
重點：除了 Pinterest 之外，一張 1200×630 的圖片就能涵蓋所有平台。
安全區域：文字該放在哪裡
每個平台的裁切方式不同——X 偏向 2:1，某些行動版面會削掉邊緣。想讓標題在任何地方都清楚可讀：
- 把所有文字和 Logo 放在中央 1120 × 560 的範圍內（大約每邊保留 5% 的邊距）。
- 假設外側邊緣可能被裁掉——絕對不要讓關鍵內容緊貼邊框。
- 用真實標題、實際大小測試：在設計工具裡看起來沒問題的文字，到了動態牆的尺寸常常太小。經驗法則是：在 1200×630 的畫布上，標題保持 48px 以上。
我們的免費範本已內建這些邊距，你輸入的任何內容都會留在安全區域內。
檔案大小、格式與解析度
- 格式： 以文字為主的圖用 PNG（邊緣銳利），照片背景用 JPG。WebP 現在在主流平台都可用，但考量長尾應用程式，PNG/JPG 仍然最保險。
- 檔案大小： Facebook 允許最大 8 MB、X 最大 5 MB——但爬蟲遇到載入緩慢的圖片會逾時。實務目標是控制在 1 MB 以內（要確保 WhatsApp 正常顯示，請壓在 300 KB 以內）。
- 解析度： 1200×630 的 1x 就夠了。為了 Retina 加倍到 2400×1260，幾乎不會改善動態牆上的顯示效果，檔案卻大了一倍。
讓一切生效的 meta 標籤
尺寸只是工作的一半——平台是透過頁面 <head> 裡的 Open Graph meta 標籤找到你的圖片：
<meta property="og:image" content="https://example.com/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Launch day: v2.0 — changelog" />
<meta name="twitter:card" content="summary_large_image" />有三個細節比表面上看起來更重要：
og:image必須是絕對 HTTPS URL——相對路徑在大多數爬蟲上會無聲無息地失敗。og:image:width和og:image:height能讓平台在下載圖片之前就先保留版位，第一次分享就能渲染出完整卡片，而不是一片空白。twitter:card設為summary_large_image，才能把 X 的預覽從小方塊升級成全寬大卡片。
常見錯誤（與快速修法）
- 圖片小於 600×315。 Facebook 會把它降級成側邊小縮圖。請以 1200×630 輸出。
- 文字貼著邊緣。 X 的裁切會把它切掉。文字請放在中央安全區域內。
- 預覽顯示的是舊圖。 平台快取非常頑強——修法請見我們的 OG image 預覽與快取更新指南。
- URL 是相對路徑，或需要登入。 爬蟲抓不到
/images/og.png，也抓不到任何需要登入的資源。請使用公開的絕對 URL。 - 整個網站共用一張通用圖。 每頁都有針對性 OG 圖片的網站，點閱率始終勝過重複使用同一張 Logo 卡片。
幾秒鐘做出一張尺寸正確的 OG image
你可以自己設定 1200×630 的畫板、安全區域參考線和輸出預設——也可以完全跳過這些步驟。我們的免費 OG image 產生器從已設定成 1200×630（以及 X 封面圖用的 1500×500）的範本開始，讓文字始終留在安全區域內，並輸出可直接搭配 meta 標籤使用的最佳化 PNG。免註冊、無浮水印。
常見問題
最佳的 OG image 尺寸是多少？
1200×630 像素（長寬比 1.91:1）。它能在 Facebook、X、LinkedIn、Slack、Discord、WhatsApp 和 Telegram 上以大卡片呈現，不需要額外版本。
OG image 的最小尺寸是多少？
Facebook 最低接受 200×200，但小於 600×315 就會失去大卡片版面。請把 600×315 當作實務下限——1200×630 才是目標。
X (Twitter) 需要另外準備圖片嗎？
通常不用。內容置中的 1200×630 圖片就能套用 summary_large_image 卡片。只有當你的設計把關鍵內容放在貼近上下邊緣的位置時，才需要為 X 另外準備圖片。
OG image 會影響 SEO 嗎？
不會直接影響排名——但它會大幅影響連結被分享時的點閱率，而社群擴散又會帶動內容曝光。一張清楚、有品牌識別度的預覽圖，是成本最低的 CTR 提升手段之一。
