OG 影像生成器

為您的網站、應用程式和社群媒體預覽生成令人驚豔的 Open Graph 影像。

5

社群展示

使用此工具創作的真實成果。

OG image for a pet adoption platform "AdoptMe", joyful golden retriever looking at camera against warm yellow background, friendly and heartwarming — GPT Image 2
GPT Image 2

OG image for a pet adoption platform "AdoptMe", joyful golden retriever looking at camera against warm yellow background…

OG image for a developer documentation site "DocsHub", clean sans-serif typography mockup on soft gray, code snippet style decorative elements — GPT Image 2
GPT Image 2

OG image for a developer documentation site "DocsHub", clean sans-serif typography mockup on soft gray, code snippet sty…

OG image for an e-commerce fashion brand "StyleArc", elegant editorial flat lay of minimalist clothing on white marble, luxury fashion aesthetic — GPT Image 2
GPT Image 2

OG image for an e-commerce fashion brand "StyleArc", elegant editorial flat lay of minimalist clothing on white marble, …

OG image for a mental health platform "Serenity", pastel watercolor wash with gentle abstract human silhouette, calming lavender and peach tones — GPT Image 2
GPT Image 2

OG image for a mental health platform "Serenity", pastel watercolor wash with gentle abstract human silhouette, calming …

OG image for a crypto analytics dashboard "ChainLens", abstract blockchain network visualization, deep space blue with glowing gold nodes, premium dat — GPT Image 2
GPT Image 2

OG image for a crypto analytics dashboard "ChainLens", abstract blockchain network visualization, deep space blue with g…

OG image for a travel booking platform "WanderRoute", split panorama of iconic global landmarks, soft gradient sky, clean white text area at bottom — GPT Image 2
GPT Image 2

OG image for a travel booking platform "WanderRoute", split panorama of iconic global landmarks, soft gradient sky, clea…

OG image for a food delivery startup "QuickBite", vibrant flat-design illustration of diverse food items arranged in a circle, bright orange brand col — GPT Image 2
GPT Image 2

OG image for a food delivery startup "QuickBite", vibrant flat-design illustration of diverse food items arranged in a c…

OG image for an online coding course platform "DevLaunch", abstract circuit board pattern in neon green on dark, bold headline space, hacker aesthetic — GPT Image 2
GPT Image 2

OG image for an online coding course platform "DevLaunch", abstract circuit board pattern in neon green on dark, bold he…

功能

平台優化尺寸

內建 Facebook、Twitter、LinkedIn 等平台的預設。選擇預設並透過滑桿進行微調。

直接提示生成

描述您的網站或頁面氛圍,AI 將直接根據您的文字生成匹配的 OG 影像。

品牌一致的視覺效果

描述您的品牌顏色和氛圍,AI 會建立符合您品牌形象的影像。

多種變體

最多可生成 4 種獨特的設計,讓您總能選出最佳方案。

工作原理

1

描述您的網站

輸入您的網站或頁面描述、品牌顏色以及期望的氛圍。

2

生成您的影像

AI 直接根據您的描述建立 OG 影像。查看社群範例以獲取經過驗證的提示詞風格。

3

下載並部署

下載您的 OG 影像並立即將其添加到您網站的 meta 標籤中。

使用場景

網站 meta og:image 部落格文章預覽 Twitter / X 卡片 領英 (LinkedIn) 文章 Facebook 連結預覽 電子報頁首 產品登陸頁 應用商店截圖

常見問題

什麼是 OG 影像?
Open Graph (OG) 影像是在您的頁面於 Facebook、Twitter 或 LinkedIn 等社群媒體平台上分享時顯示的預覽圖片。建議尺寸為 1200×640 像素。
我應該使用什麼尺寸?
所有平台預設(OG/Facebook、Twitter 卡片、LinkedIn)均使用 1200×640 —— 這是一種通用相容的橫向尺寸。您也可以生成 1024×1024 的正方形影像用於其他用途。
我可以在我的網站上使用這些影像嗎?
可以,所有生成的影像均可供您自由使用,包括商業用途。下載它們並在您的 HTML meta 標籤中引用即可。
如何為我的網站添加 OG 圖片?
將 <meta property='og:image' content='YOUR_IMAGE_URL' /> 添加到您頁面的 <head> 部分。同時為 Twitter 添加 <meta name='twitter:image' content='YOUR_IMAGE_URL' />。