跳至主要內容
OG Image AI

免費 OG 圖片產生器一眼就能看懂的 Open Graph 圖片。

免費的 OG 圖片產生器,專為清爽的 Open Graph 圖片而生——挑選範本、輸入標題,就能在瀏覽器裡匯出精緻的 1200×630 PNG、JPEG 或 WebP。免註冊、無浮水印、零設計基礎。

OG 1200×630 · X 頭圖 1500×500 · PNG、JPEG 或 WebP
01 · 選擇範本
行銷
產生精美的 OG 圖片
og:image-right ✓
發布你的新品
og:hero
簡潔的標題已經足夠
og:basic
更新日誌
v2.0 已發布——看看有哪些新變化
og:notice

// 免費工具

OG 圖片產生器

快速建立可分享的 Open Graph 圖片。挑選範本、編輯文字、選擇背景——接著匯出即可。

正在產生預覽…

圖片即時更新——無需註冊

// 運作方式

三步做出可分享的圖片

01
挑選範本

從精準對應 Open Graph 卡片(1200×630)與 X 頭圖(1500×500)尺寸的版式開始。

02
打造專屬風格

編輯標題、標籤、Logo 與背景,預覽會隨著輸入即時更新。

03
匯出並發布

使用清楚的檔名下載 PNG、JPEG 或 WebP,並可調整品質。

// 為什麼選擇它

為高效產出的創作者打造

即時預覽編輯器

調整文字、字體與背景,即時看到最終圖片同步更新。

8 套專業範本

為 Open Graph 卡片與 X/Twitter 頭圖打造的清爽預設——不必從空白畫布開始。

PNG · JPEG · WebP

使用清楚的檔名下載 PNG、JPEG 或 WebP,並可調整品質。

中繼標籤

發佈前查看各平台的模擬卡片、修正中繼資料問題並複製標籤。

品牌一致

讓每個分享連結的字體、間距與構圖都保持一致。

免費開始

伺服器不會長期保留所讀取的頁面;匯入欄位會以本機草稿形式儲存在目前的瀏覽器中。

// Open Graph 指南

怎樣才算一張好的 OG 圖片?

Open Graph 圖片是當連結分享到 X、Facebook、LinkedIn、Slack 或 iMessage 時顯示的預覽圖片。它透過一個 og:image meta 標籤宣告,往往也是人們對你網站形成的第一印象。

優秀的 OG 圖片能讓分享連結更容易瀏覽和辨識。它應該一眼就能看懂:標題簡短醒目、文字與背景對比清晰,並帶有便於辨識的品牌 Logo。

01將文字放在安全區域內 不同平台裁切邊緣的方式不同,請讓標題遠離邊框。
02使用大字級 標題在動態消息中顯示得很小;在 1200×630 畫布上使用 60px 以上字級,才能保持清晰易讀。
03對比度優先於裝飾 淺色背景搭配深色文字(或反之)比繁雜的圖案更有效。
04保持風格一致 全站使用同一套範本,讓每次分享都具有鮮明一致的品牌辨識度。
尺寸參考
og:image1200 × 630 · 1.91:1
X 頁首1500 × 500 · 3:1
最小尺寸600 × 315
檔案大小< 1 MB
格式PNG / JPEG / WebP
<!-- 加入到 <head> 中 -->
<meta property="og:image"
content="https://your.site/og.png">
// FAQ

常見問題

還有其他問題?歡迎在 GitHub 上或來信與我們聯繫。

什麼是 OG 圖片?為什麼我需要它?

OG(Open Graph)圖片是當你的連結分享到 X、Facebook、LinkedIn、Slack 等平台時所顯示的預覽圖。清楚的 OG 圖片能為預覽提供易讀的標題、必要的脈絡和可辨識的品牌資訊。

這個工具真的免費嗎?有什麼隱藏條件?

編輯器免費使用——無需註冊,也沒有浮水印。

支援哪些圖片尺寸?

標準 Open Graph 尺寸(1200×630)與 X/Twitter 頭圖尺寸(1500×500)。範本針對這些尺寸最佳化,讓你的圖片在每個平台上都能正確呈現。

支援哪些匯出格式?

使用清楚的檔名下載 PNG、JPEG 或 WebP,並可調整品質。

有哪些字體和自訂選項?

19 種字體家族(含多種字重)、可自訂的背景(純色、漸層、紋理)、網格疊加與噪點效果。每套範本都有專屬的文字、版面與樣式選項。

產生的圖片可以商用嗎?

可以——你產生的所有圖片都歸你使用,適用於個人專案、商業網站、產品發布與行銷活動,無需標註來源。

製作你的下一張 OG 圖片。

貼上公開網頁連結,我們會偵測社群中繼資料,並將標題、描述與網站名稱帶入編輯器。