🖼️ 貼文沒圖沒人點，開 Canva 又要十分鐘，這裡輸入標題就有分享圖

為什麼一張封面圖值得你多花十秒

同一則開團公告，純文字貼出去和配一張圖貼出去，停留與點擊差很多。滑手機的人是先看到圖才決定要不要讀字，圖如果是空白預覽框，那則貼文等於在動態牆上消失。

更麻煩的是連結分享。你把商品頁或活動頁貼到 LINE 群、Facebook、Threads，平台會去抓頁面的 og:image。沒設這張圖，出來就是一塊灰底或隨機抓到的側欄小圖，看起來像詐騙連結，沒人敢點。

但真的要做這張圖，多數人的流程是：開 Canva、找模板、改字、發現中文字爆版、調字級、下載、發現尺寸不對。十分鐘過去，貼文的時機也過了。

這個工具把流程壓成三格輸入框：主標題、副標題、品牌名，選一個配色，按下載。輸出就是 1200×630 的 PNG。

它其實不是 AI 生圖，是瀏覽器直接畫給你

先講清楚原理，因為這會影響你怎麼用它。

這個工具沒有呼叫任何 AI 繪圖模型，也沒有把文字送到伺服器。它用瀏覽器內建的 canvas，照你輸入的文字，即時把背景漸層、幾何裝飾圓圈、上下色條、品牌徽章、主標題、副標題一層一層畫出來，畫完直接匯出 PNG。

帶來三個結果：

• 快：你每打一個字，右邊預覽同步重畫，沒有等待、沒有排隊、沒有生成失敗
• 穩：同樣的輸入永遠得到同樣的圖，不會像 AI 生圖那樣每次跑出不同結果，做系列圖時版面完全一致
• 私密：文字不上傳、不記錄，也不消耗 AI 額度，重新整理頁面內容就沒了

中文排版的部分是特別處理過的。工具會逐字判斷中文的斷行位置，遇到連續的英文或數字則整組視為一個詞不從中間切開，所以「滿 1500 免運」不會變成「滿 15」換行「00 免運」。標題太長時字級會從 80px 一路往下試到放得下為止，最多三行，真的塞不下才用刪節號收尾。你在預覽看到什麼，下載就是什麼。

三步驟做完一張圖

步驟 1：填三格文字

主標題（上限 40 字）：整張圖唯一要讓人一眼看懂的訊息。寫「週年慶全館 85 折」，不要寫「感謝大家一路以來的支持我們決定推出優惠活動」。

副標題（上限 60 字，可留白）：放期限、門檻、地點這種補充條件，例如「7/25 到 7/31 限定，滿千再免運」。副標最多顯示兩行，寫太長會被截掉。

品牌名（上限 20 字，可留白）：會出現在圖片頂端的膠囊徽章裡。同一批圖固定填一樣的名字，別人在動態牆滑過三次就會記得是你家的圖。

步驟 2：選風格配色

六組現成配色：深夜靛紫、蜜桃暖陽、森林墨綠、珊瑚活力、極簡米白、黑金質感。每組的背景漸層、文字色、裝飾色都已經配好對比度，不用自己調。

挑法很簡單，看用途：促銷檔期用珊瑚活力或蜜桃暖陽（暖色搶眼），知識型長文用深夜靛紫或極簡米白（冷靜好讀），客單價高的品牌用黑金質感，食品、農產、保養類用森林墨綠。

步驟 3：確認預覽再下載

右邊預覽區顯示的就是實際輸出。重點檢查兩件事：主標題有沒有被縮到太小（代表字太多，砍幾個字回來），副標題有沒有被切掉第三行。

確認沒問題按「下載 PNG（1200 x 630）」，檔案直接存到你的下載資料夾，檔名是 og-image-1200x630.png。要做多張記得下載一張就先改檔名，不然會一直覆蓋。

讓圖看起來不像隨手做的五個細節

1.主標題控制在 12 到 16 個中文字：這個長度會落在最大字級、剛好兩行以內，視覺衝擊最強。超過 20 字字級就開始縮，圖會變成一段文章，在手機上根本看不清楚。

2.數字放進主標題：「85 折」「省 480 元」「限量 30 組」比「超值優惠」有力得多，而且數字在圖上的辨識度天生比形容詞高。工具會把連續數字當成一個詞不拆行，放心寫。

3.同一檔活動固定用同一組配色：預熱圖、開賣圖、最後一天圖都用同一個配色加同一個品牌名，三張圖在動態牆上會被認出是同一系列，比每張都換風格更有記憶點。

4.副標題拿來寫「條件」不要寫形容詞：日期、金額門檻、數量、地點。「7/31 前，滿 1500 免運」比「機會難得千萬別錯過」實用，因為看圖的人最想知道的就是這些。

5.標題不要寫成完整句子：加逗號句號會佔掉寶貴的橫向空間，也讓斷行變醜。用空格或直接分成主標、副標兩層來斷句。

三個實際用法

用法 A：LINE 群開團，貼文前先補一張圖

團購貼文最怕在群組裡被洗掉。主標題填「日本直送草莓大福開團」，副標題填「7/28 22:00 截單，滿 5 盒免運」，品牌名填你的團購名，選蜜桃暖陽。發文時先傳圖再貼文字，滑過的人至少會看到「開團」兩個字。

同一檔可以做三張：預熱（「本週四開團」）、開賣（「今晚 10 點截單」）、最後通知（「剩最後 12 組」）。配色一樣，改字就好，三張圖不用五分鐘。

用法 B：部落格文章的 og:image

你的商品頁或部落格文章分享到社群時預覽圖是空的，就用文章標題當主標題、副標放一句摘要、品牌名放網站名，做一張下載下來，上傳到你的網站或圖床，然後在頁面的 head 加一行 og:image meta 標籤指向那個網址。之後任何人貼你的連結，預覽都會是這張圖。

一次做十篇也不慢，因為版面固定，改字就是新的一張。

用法 C：活動公告與公休通知

「7/29 到 8/2 出貨暫停」這種通知寫在文字裡沒人看，做成圖釘在社群置頂或當 LINE 官方帳號的推播首圖，客服信箱會少收好幾封「請問出貨了嗎」。這類通知用極簡米白最適合，看起來像正式公告不像促銷。

圖做好之後

圖只是門面，貼文內容還是要寫。標題和副標定調之後，直接拿去社群貼文產生器展開成完整貼文，圖上的主標題就是貼文的鉤子，兩邊訊息一致效果最好。

如果這次是商品貼文，圖裡想放乾淨的商品照，先用商品圖去背神器把背景去掉（同樣在瀏覽器本機處理，圖不上傳），去背後的白底圖放在貼文的第二、三張，跟封面圖組成一套。

還在想主標題要寫什麼的話，去商品主圖文案產生器先生幾組短標，挑最短最有力的那句貼回主標題欄位。

最後一個習慣：把每次做好的 PNG 依「檔期_用途」重新命名存進同一個資料夾，例如 0725週年慶_預熱.png。做過三檔活動之後你會有一套自己的素材庫，下次直接照著改字，速度只會更快。