IMG.DIY / 更多工具 / 社交封面產生器

社交封面產生器

敲個標題、選個漸層,下載一張畫素精準的社交封面——不用開設計軟體。

社交封面產生器 visual example
隱私優先:任何檔案都不會被上傳。

从原图到结果,一眼看懂

选择文件、完成处理、下载结果。全部在浏览器本地完成。

社交封面產生器: 1 · 选择原图
1 · 选择原图
社交封面產生器: 2 · 调整与处理
2 · 调整与处理
社交封面產生器: 3 · 下载结果
3 · 下载结果

沒有 OG 封面圖的連結在資訊流裡會被划走。這個產生器按各平台的精確尺寸出圖——OG 1200×630、Twitter/X、YouTube 封面、方形帖子或豎版故事——自動換行同時相容英文和中日韓文字。

八種漸層背景任選,填好標題、副標題和你的域名,直接下載 PNG。實時預覽就是最終匯出的畫布,所見即所得。

使用方法

  1. 選尺寸OG、Twitter、YouTube、方圖或豎版故事。
  2. 寫文案標題、可選副標題,角落放品牌或域名。
  3. 下載 PNG預覽即成品,畫素精準,直接上傳。

在瀏覽器裡設計社交封面

這個工具做的是連結被分享時顯示的封面圖,Facebook和LinkedIn上的Open Graph卡片、Twitter/X上的摘要卡片,以及其他地方的縮圖。選一個預設,它就把各平台要的畫素尺寸設好:OG是1200x630,Twitter/X是1200x675,YouTube是1280x720,還有1080x1080方形和1080x1920豎版story,尺寸不用猜。

你在八種漸層背景之一上加標題、副標題和品牌文字。文字自動換行,中英文都處理,長標題和中文標題都能留在畫面內。實時預覽就是匯出的那張畫布,所見即所得。

把PNG直接接到meta標籤

封面調好後,匯出成PNG,讓og:image和twitter:image標籤指向它。一張像樣的社交分享圖,能把一條光禿禿的連結變成帶真實圖片的卡片,在資訊流和聊天裡比純網址點選率高得多。

全部在你的裝置上渲染,所以給部落格文章、產品釋出或影片做連結預覽圖,不用設計軟體、也不用註冊。

大家都用它來做什麼

部落格文章分享卡 — 做一張1200x630的OG圖配上文章標題,連結在社交上就顯示成真正的卡片。

Twitter/X卡片 — 匯出1200x675的圖,正好貼合X的摘要卡片,不會被尷尬裁切。

YouTube縮圖 — 做一張1280x720、標題醒目的封面當影片縮圖。

產品或功能釋出 — 做一張帶品牌的1200x630封面,釋出連結分享出去顯得用心。

Instagram方形貼 — 生成1080x1080方形圖,帶標題和品牌標識,用於資訊流帖子。

Story或短影片封面 — 設計1080x1920豎版封面用於story或短影片。

統一的品牌封面 — 在多個帖子裡複用同一漸層和品牌文字,分享連結保持一致的品牌感。

中英標題 — 設中文或英文標題,讓自動換行把它保持在畫面內。

做出別人分享你連結時顯示的那張圖

當你把連結粘進 Slack、iMessage、領英或一條推文時,那張預覽卡片在默默起作用:卡片上的圖,往往是別人點不點進來的最大單一原因。它就是 Open Graph 圖——大多數平台是 1200 × 630,Twitter/X 比例略有不同,YouTube 縮圖是 1280 × 720,其他資訊流裡還有正方形或 9:16 豎版故事圖。頁面沒配這張圖,卡片就只能退回到被裁的 logo 或乾脆空白,你精心寫好的帖子在資訊流裡就顯得沒做完。

這活兒小而瑣碎。你需要該平台的精確畫素尺寸、一個在縮圖尺度下依然好看的背景、一個縮小後仍撐得住的標題,也許再加一行副標題和你的域名。設計軟體都能做,但要你先建畫布、找模板、按正確尺寸匯出——對一個可能每篇博文都要重做一遍的東西來說,這是實打實的負擔。專門的 OG 圖產生器把流程簡化了,但很多要註冊賬號、要你上傳素材,或把你鎖進它們的模板風格里。

OG Image 在瀏覽器裡生成這張卡片。選一個預設——OG / Facebook 1200 × 630、Twitter/X 1200 × 675、YouTube 1280 × 720、正方形 1080 × 1080,或故事圖 1080 × 1920——挑個漸層,輸入標題、副標題和品牌或域名,工具就在 Canvas 上按平台要求的精確尺寸把一切排好。標題自動換行並縮放,一處淡淡的裝飾讓它不至於太平,深色文字開關則應對淺色背景。全程不上傳,還沒釋出的標題就留在你機器上,最終得到一張以尺寸命名的乾淨 PNG,直接放進 og:image 標籤即可。

與眾不同之處

  • 每個平台都用對尺寸。OG 1200 × 630、Twitter/X 1200 × 675、YouTube 1280 × 720、正方形和故事圖——精確畫素,沒有意外裁切。
  • 縮圖下也撐得住的文字。標題自動換行並縮放,配副標題和一行品牌/域名,淺色漸層還有深色文字開關。
  • 八種漸層,實時合成。一處低調的裝飾讓卡片不像一塊純色,每次改動即時預覽。
  • 不上傳。還沒釋出的標題和任何文案都留在瀏覽器裡,素材不發往伺服器。
  • 可離線。首次訪問後被快取,飛機上也能做卡片。
  • 免費、免賬號、無浮水印。下載一張以尺寸命名的乾淨 PNG。

IMG.DIY 與其他 OG 圖工具對比

Canva 和專門的 OG 產生器都很能幹,但它們要更多前置設定,通常還會把你的工作繞經它們的伺服器或模板。

維度 Canva 專門的 OG 圖產生器 IMG.DIY
需要賬號 需要 常常需要 不需要
上傳/伺服器渲染 服務端 時常需要 不,全在瀏覽器
平台尺寸預設 手動或模板 OG、Twitter/X、YouTube、正方形、故事圖
設計靈活度 非常高 受模板限制 專注:漸層+標題/副標題/品牌
出卡速度 中等 快但常需解鎖 輸入、選擇、下載
離線 是,首次訪問後
浮水印 部分匯出會有 免費檔有時會加

當你想要一張帶照片、logo 和精細排版控制的完全定製卡片時,Canva 更勝一籌——它是真正的設計工具,做主視覺圖值得。專門的 OG 產生器快、又對口,但很多把好的輸出鎖在賬號、上傳步驟或固定模板風格之後。OG Image 站在又快又私密的一端:旋鈕更少,但要緊的那幾個都在——精確的平台尺寸、清晰的標題、漸層、品牌行——無需登入,也沒有東西離開你的瀏覽器。對於"給每個頁面配一張像樣的分享卡"這種日常活兒,這些通常就夠了。

為什麼選 IMG.DIY

5 種平台尺寸

從 OG 1200×630 到 1080×1920 豎版。

8 種漸層

乾淨的背景,不跟文字打架。

智慧換行

長標題和中文都能正確斷行。

即時出圖

不用畫布軟體、模板站和登入。

常見問題

OG 圖該用什麼尺寸?
1200×630 是 Facebook、LinkedIn、Slack 等平台渲染效果最好的標準尺寸。
能用自己的照片當背景嗎?
當前版本是文字排版型(漸層背景)。想要照片底可以先用拼接工具合成,再來這裡加字——圖片背景已在計劃中。
支援中文標題嗎?
支援——換行按字元級處理中日韓文字,長中文標題也能正確斷行。
生成的圖放哪裡?
上傳到任何公開地址,然後在頁面裡寫 <meta property="og:image" content="…">。
OG圖應該做多大?
Open Graph標準尺寸是1200x630,也是這裡的預設預設。Twitter/X摘要卡片用1200x675,YouTube縮圖1280x720,另外還有1080x1080方形和1080x1920豎版預設,各平台都能精確對上。
中文標題或很長的標題會被截斷嗎?
不會。換行同時處理中英文,會把標題排成多行留在畫面內,中文標題和很長的英文標題都放得下。
匯出的是什麼格式?
匯出PNG,這是og:image和twitter:image標籤最穩妥、支援最廣的格式。你看到的預覽就是匯出的那張畫布。
怎麼讓分享連結時真的顯示這張圖?
把匯出的PNG傳到伺服器,在頁面的og:image和twitter:image meta標籤裡引用它。之後平台會自動抓取,不過有些快取很強,必要時用它們的除錯工具重新整理預覽。
能換背景嗎?
有八種漸層預設可選,上面再加標題、副標題和品牌文字。它是為快速、乾淨的封面設計的,不是自由排版,不用折騰就能出好效果。
更新後卡片為什麼還顯示舊圖?
Facebook、LinkedIn和X會快取OG圖,舊封面可能殘留。把連結放進平台的分享除錯工具跑一遍,強制重新抓取,就能拉到新圖。

相關工具

相關教學