OG 圖片生成

輸入標題和副標題,自定義配色與佈局,製作網頁和社交媒體分享封面。

免費瀏覽器

實時預覽

OG Image Generator 會在本地生成畫布。你可以在預覽旁編輯文案和佈局,再在瀏覽器中導出生產尺寸圖片。

畫布
1200 x 630
佈局
經典左對齊
導出
PNG or SVG
Ship a polished share card before you publish.

內容

編輯文案、佈局、顏色,並在瀏覽器中導出生產尺寸的 PNG 或 SVG。

主題
內容佈局
標題尺寸
背景
紋理
自定義顏色
預設文案

關於OG 圖片生成

通過文字、顏色和佈局預設製作 1200 × 630 分享封面。在本地預覽構圖並導出圖片,再用於網站 Open Graph 標籤。

如何使用OG 圖片生成

  1. 填寫標題、副標題和標籤文字。
  2. 選擇佈局,調整顏色、字號和背景。
  3. 下載 PNG 或 SVG,上傳到你的網站後將地址填入分享標籤。

輸入與輸出示例

輸入與設置
標題:產品發佈
佈局:居中
畫布:1200 × 630
預期輸出
PNG 或 SVG 分享封面,以及建議的 meta 標籤片段。

適用場景

  • 為文章快速製作分享封面。
  • 讓多個落地頁保持一致的分享視覺。

使用前需要了解的限制

工具不會託管圖片或修改你的網站。發佈前需要檢查長標題和平臺實際裁切效果。

數據處理與費用

核心操作在瀏覽器中完成,工具輸入不會上傳處理。網站仍可能使用會話 Cookie,並按隱私政策收集運行或使用數據。

在瀏覽器中免費使用,無需登錄。

常見問題

畫布為 1200 × 630 像素,可導出 PNG 或 SVG。需自行託管資源,並將公開地址用於分享標籤。平臺實際裁切和緩存可能不同。

當前模板使用內置字體,可編輯文字、顏色和佈局。本工具沒有自定義字體或標誌上傳功能。

不會。圖片完全在瀏覽器裡通過 Canvas API 生成,並直接下載到本地,不會上傳到或存儲在我們的服務器上。

相關工具