選擇模板

模板屬性

自定義圖片屬性。

Preview

儲存圖片

將圖像匯出為 PNG、JPEG 或 WebP 格式。

為了在 Twitter、Facebook 和 LinkedIn 等社群媒體平台上獲得最佳的社群媒體圖片 & 橫幅顯示效果,請使用 PNG(推薦)、JPEG 或 WebP 格式。 對於 YouTube 橫幅,推薦使用 WebP 格式。如果 YouTube 橫幅大於 6MB,請使用 WebP 格式。

為什麼選擇我們的免費社群媒體圖片 & YouTube橫幅產生器?

您所需的一切,在幾秒鐘內創建驚人的社群媒體圖像和YouTube橫幅。

免費且無需註冊

立即創建專業 Open Graph (OG) 圖像 - 無需註冊或信用卡。

多平台支持

為多個平台生成優化圖像,具有正確的尺寸。

專業模板

選擇多個專業設計的模板。

靈活的導出選項

以多種格式導出您的設計。

高級自定義

通過自定義背景個性化每個方面。

現代設計功能

使用高級排版創建驚人的視覺效果。

即時預覽

實時查看您的更改。

閃電般快速

在幾秒鐘內生成專業圖像。

如何添加 Open Graph 圖像

在幾分鐘內將社群媒體預覽圖像添加到您的網站。選擇您喜歡的方法(HTML 或 Next.js App Router)。

1. 保存圖片

將生成的OG圖片保存為og.png在您的網站根目錄中。

2. 將圖片添加到HTML head

<!-- Basic OG Tags -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://yourdomain.com/og.png" />
<meta property="og:url" content="https://yourdomain.com" />

<!-- Twitter/X Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yourdomain.com/og.png" />

<!-- Optional but recommended -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />

確保將yourdomain.com替換為您的實際域名。

專業提示

  • 使用社群媒體調試工具測試您的OG圖像
  • 使用描述性alt文本以提高可訪問性
  • 考慮使用動態OG圖像以適應頻繁變化的內容
  • 始終提供回退圖像以防OG圖像無法加載
  • 選擇高對比度的顏色以使您的YouTube橫幅突出
  • 在YouTube橫幅中清晰地包含您的徽標和頻道名稱
  • 確保您的橫幅響應且在所有設備上都能良好顯示
  • 使用高分辨率圖片以保持不同屏幕尺寸的質量
  • 保持設計簡單並避免雜亂以增強視覺效果
  • 使用我們的免費YouTube橫幅生成器設計專業且引人注目的橫幅,以吸引您的觀眾
  • 使用我們的免費Open Graph圖像生成器創建美麗的社群媒體預覽,以吸引您的觀眾

了解更多