主題

OG 圖片尺寸:1200×630 說明

標準的 Open Graph 圖片尺寸為 1200×630 像素(長寬比 1.91:1)。這是 Facebook、X、LinkedIn、WhatsApp、Slack 和 Discord 建議並能正確顯示的尺寸,因此將所有 og:image 設定為 1200×630 是社群分享時最安全的預設選擇。

為什麼是 1200×630?

社群平台會裁切與縮放分享預覽圖。1200×630 的寬度足以在高密度螢幕上保持清晰,同時維持所有主要平台都能完整呈現標題或品牌標誌的長寬比(1.91:1)。較小的圖片會被放大而顯得模糊;較大的圖片則會被縮小或遭到拒絕。

需遵守的規則

屬性 建議值
寬度 1200 像素
高度 630 像素
長寬比 1.91:1
最大檔案大小 5 MB 以下(8 MB 為硬性上限)
格式 PNG(文字清晰)或 JPG(照片)

安全區域的位置

平台有時會裁切卡片的上方、下方或垂直邊緣。請將標題文字和您的標誌置於卡片中間約 50% 的區域內,以確保重要內容在大多數裁切情況下仍能完整呈現。

為什麼有些預覽會變成小縮圖

一張正確的 1200×630 圖片,仍可能以文字旁的小方形縮圖呈現,而不是寬版卡片。這個決定權在平台端,並非只由圖片尺寸決定——LinkedIn、Slack 和 WhatsApp 各自會根據頁面與圖片一起選擇版面配置,而且它們都沒有提供任何設定來強制顯示大卡片。

有兩件事是你可以控制的,而且值得優先檢查,因為只要其中一項出錯,就會每次都產生小卡片:

  1. 當爬蟲要求時,圖片必須能被取得。 縮圖是平台在無法讀取或解析圖片時的回退方案。我們自己的診斷工具會針對每個平台回報這類情況,包括爬蟲放棄的案例:動態圖片(animated image)以及超過其抓取預算的圖片(在我們的設定中,WhatsApp 的上限是 600 KB),兩者都會以純文字、完全沒有圖片的方式呈現,而不是以小卡片顯示。/try 會測量實際位元組、格式與動畫狀態,並針對每個平台給出判定結果。
  2. 宣告的尺寸必須與實際檔案相符。 與圖片不一致的 og:image:width 和 og:image:height 是卡片品質下降的常見原因;模板渲染(template render)永遠會宣告它實際產出的內容。

你無法做到的是在平台偏好縮圖時強制顯示寬版卡片。沒有任何工具能做到,所以我們也不販售這項功能:請參閱 WhatsApp 連結預覽未顯示? 了解實際可修正的原因,以及快取指南 了解為什麼你修改過的圖片可能不是被讀取的那一張。

FastOG 如何處理尺寸

FastOG 會將每個模板精確渲染為 1200×630,因此您完全不需要考慮尺寸或比例——輸出結果可直接用於 og:image 和 twitter:image。

html
<meta property="og:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

當特定平台需要非預設尺寸時,API 也接受明確的 width、height 和 format(png、jpeg 或 webp)參數——X 個人資料頁首即為內建範例,透過 xheader 模板以 1500×500 呈現。

常見問題

2025 年 1200×630 仍然是正確的尺寸嗎?

是的。它依然是 Facebook、X、LinkedIn、WhatsApp、Slack 和 Discord 普遍建議的預設尺寸。

如果我使用不同的尺寸會怎樣?

通常仍可使用,但可能會被裁切或模糊。如果必須偏離預設值,請維持 1.91:1 的比例,並將檔案大小控制在 5 MB 以內。

FastOG 可以讓我設定自訂尺寸嗎?

可以。預設值為 1200×630,這是各平台預期的尺寸,但 API 也接受 width、height 和 format(png、jpeg、webp),當你需要不同的畫布時即可使用——例如 1500×500 的 X 個人資料頁頁首。

免費試用 — 無需註冊

在幾秒內預覽和測試動態 OG 圖片。

開啟免費 OG 圖片測試器

A BeCaSimulations site