免費工具免費 OG 圖片生成器。選好範本,改幾個字就完成。
為部落格文章、產品發表、文件頁面或活動製作 1200 × 630 的 Open Graph 圖片。修改文字、查看預覽,再下載 PNG。無須帳號。
免費,不需要註冊帳號。
已就緒生成中…圖片生成失敗。請修改文字後再試一次。1200 × 630
將 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 如何顯示。
每個頁面都需要嗎?用範本網址來生成。
使用方式
- 01
選擇範本
從專為 1200 × 630 連結預覽設計的版型開始。
- 02
修改文字
輸入標題、標籤與網站,預覽會隨著輸入即時更新。
- 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 次生成。