Bannerify

免費工具免費 OG 圖片生成器。選好範本,改幾個字就完成。

為部落格文章、產品發表、文件頁面或活動製作 1200 × 630 的 Open Graph 圖片。修改文字、查看預覽,再下載 PNG。無須帳號。

免費,不需要註冊帳號。

範本
「文件與文章」範本的文字
套用表單文字的圖片預覽
已就緒1200 × 630

輸入文字時,圖片會即時更新。若要更改顏色、字型或 Logo,請用免費帳號在 Bannerify 編輯設計。

將 PNG 上傳到你的網站,再把下列標籤加到頁面的 head 中。圖片網址必須是絕對網址。

<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />

接著檢查頁面,看看 X、Facebook 和 LinkedIn 如何顯示。

每個頁面都需要嗎?用範本網址來生成。

使用方式

  1. 01

    選擇範本

    從專為 1200 × 630 連結預覽設計的版型開始。

  2. 02

    修改文字

    輸入標題、標籤與網站,預覽會隨著輸入即時更新。

  3. 03

    下載 PNG

    上傳到你的網站,並讓 og:image 標籤指向這張圖片。

常見問題

找不到答案嗎?請寄信到 an@bannerify.co,創辦人會親自回覆。

什麼是 OG 圖片?

當有人在 Facebook、LinkedIn、X、Slack 或 iMessage 分享你的連結時,顯示的就是這張圖片。你可以透過 Open Graph 協定的 og:image meta 標籤來設定。

OG 圖片應該多大?

1200 × 630 像素,比例為 1.91:1。Facebook 和 LinkedIn 都要求這個尺寸,X 也只會稍微裁切上下邊緣。這裡所有範本都是 1200 × 630。

如何把圖片加到我的頁面?

將 PNG 上傳到你的網站,然後在頁面的 head 中加入 og:image meta 標籤(填入圖片的絕對網址),並加上 og:image:width 與 og:image:height。再加入 twitter:card 並設為 summary_large_image,就能在 X 顯示大圖卡片。

需要帳號嗎?

不需要。OG 圖片生成器免費,所有人都能使用。

如何為每個頁面製作 OG 圖片?

將範本複製到 Bannerify,並為每個頁面簽署一個帶有頁面標題的圖片網址。Bannerify 會在社群平台第一次請求時生成每張圖片。免費方案每月包含 100 次生成。

同樣的工作要重複上千次嗎?

每個頁面簽署一個網址,Bannerify 就會用你自己的範本生成每一張 OG 圖片。