Day 164#圖片生成#社群#設計

社群封面圖產生器:打標題、點配色、下載 PNG,發文前 10 秒補齊 1200×630 封面圖|AI101 Day 164

晚上十一點文案改到滿意,按排程前才想到沒有圖,開 Canva 找模板、對字級、改尺寸,一張貼出去兩天就被洗掉的封面圖花掉四十分鐘。社群封面圖產生器把這件事壓到 10 秒:填主標題、副標題、品牌名,從深夜靛紫、黑金質感等六種配色點一個,右邊即時預覽,按下載就拿到 1200×630 的 PNG,貼到 FB、LINE 的連結預覽不會被裁掉重點。中文自動換行、英數不從中間拆開,繪圖全在瀏覽器本機完成,文字不上傳、不耗額度、不用登入,可商用。

📖 約 5 分鐘閱讀·2,251 字·2026/10/8

前幾天晚上快十一點,我在趕一篇隔天早上八點要發的課程公告,文案改到第四版終於滿意,按下排程之前才想到:沒有圖。開 Canva,登入,找模板,字級對不齊,匯出時發現尺寸選錯,重來。等我把那張圖做出來已經十一點四十,整整四十分鐘,花在一張貼出去可能兩天就被洗掉的封面圖上。

這不是第一次。我粗略算過一陣子自己發文的時間分配,寫文案大概佔六成,剩下四成幾乎都在做圖,而且做圖的那四成多半不是在設計,是在找模板、對齊、改尺寸這些重複的事。一天發一則還好,開團期一天三四則就很痛。

所以這支工具的目標非常窄:只做 1200×630 這一種尺寸、只處理「主標題加副標題加品牌名」這一種版型、只給六種配色。它不是要取代 Canva,是要讓你在十一點四十的時候,不用開 Canva。

這個工具能做什麼

畫面分三塊:「文字內容」、「風格配色」、「即時預覽」。

文字內容有三個欄位:「主標題」(範例是「週年慶全館 85 折」)、「副標題(可留白)」(範例是「7/25 到 7/31 限定,滿千再免運」)、「品牌名(可留白)」(範例是「圭話選物」)。只填主標題也能出圖,副標和品牌名留白就是乾淨的一行字。

風格配色有六個現成的組合:深夜靛紫、蜜桃暖陽、森林墨綠、珊瑚活力、極簡米白、黑金質感。點一下整張圖就換,不用自己挑色碼。字型和版面是固定的,你能動的只有文字和配色,這是刻意的,選項越少做得越快。

右邊是即時預覽,打字的同時圖就跟著變。它會自動處理中文換行,連續的英文和數字不會從中間被拆開,像「85 折」或「7/25」不會一半在上一行、一半在下一行。滿意就按「⬇️ 下載 PNG(1200 x 630)」。

一個很多人會問的點:繪圖與下載全部在瀏覽器本機完成,文字不會上傳到伺服器,也不耗 AI 額度,所以沒登入也能用,網速慢也不影響,做出來的圖可以商用。我實際測過,從打開頁面到下載完一張,花最久的是打字,點配色跟按下載加起來不到三秒。

為什麼這件事值得做好

你在 FB 或 LINE 貼一條連結的時候,對方看到的第一眼是那張預覽圖,不是你的文案。預覽圖是空白或是被裁掉一半的字,點的人就是會少,這點我手上的案子多半看得出來,雖然給不出一個精確的百分比,但同一個群裡「有圖的連結」跟「沒圖的連結」的反應,肉眼就有差。

1200×630 這個比例是 FB、LINE 抓社群預覽圖(OG 圖)的標準。尺寸不對會發生什麼?平台會從中間裁一塊給你,你放在角落的品牌名或下面那行副標就不見了。我自己踩過的雷是把 1080×1080 的 IG 圖直接拿去當連結預覽圖,上下各被切掉一截,標題只剩中間四個字。

但我覺得真正值得做好的不是圖美不美,是發文的摩擦有多大。摩擦大,你就會少發。一個月少發四則,一年就是快五十則,對經營社群的人來說那是實實在在的曝光。把做圖壓到 10 秒,不是為了省那十分鐘,是為了讓你不會因為「還要做圖」這件事而乾脆不發。

還有一個常被忽略的用法是 LINE 群。在群裡貼開團連結,如果那頁本身沒有設 OG 圖,LINE 就只顯示一條網址,成員很容易滑過去。先用這支做一張寫著商品名和收單時間的圖,連同連結一起貼,等於替那條網址掛了一個招牌,群裡的人不用點開就知道這則是在講什麼。

老實說,這支工具產出來的圖不會比設計師做的好看,六種配色也不可能剛好符合每個品牌的 CI。它的定位是夠用、快、每次長得一致。如果你的品牌很吃視覺,重要檔期的主圖還是該請人做;日常那些公告、開團提醒、文章連結,用這個就夠了。

幾個實際建議

第一,主標題控制在 12 個字以內。欄位沒限制你打多長,但字一多就會被換成好幾行,整張圖擠滿字,在手機上預覽反而看不清楚重點。我自己的習慣是主標題放一句話的結論,細節全丟副標題。副標題放時間跟條件,像範例那樣「7/25 到 7/31 限定,滿千再免運」,一眼看完就知道要不要點。品牌名那格我會固定填,就算只是小小一行,看久了人家會記得。

第二,一個帳號固定用一到兩種配色,不要每則換。配色一致,別人在動態牆上滑過去,光看顏色就知道是你,這比每次都挑一個最搭的配色更重要。我自己是公告用黑金質感,課程用深夜靛紫,固定下來以後連選都不用選。六種配色裡,深色系(深夜靛紫、森林墨綠、黑金質感)白字在手機上比較清楚,淺色系(極簡米白、蜜桃暖陽)適合文字少的公告,珊瑚活力偏活動感,可以先各試一張再決定。

第三,下載好的圖如果是要當自己網站文章的連結預覽圖,要去設定那一頁的 og:image,不是只把圖上傳到貼文裡。這是兩件事,很多人做了圖卻發現連結預覽還是空白,就是卡在這裡。直接發圖文貼文的話就當附圖上傳,沒有這個問題。

第四,把它跟文案工具串起來用。我的流程是先用文案產生器把貼文寫好,把標題那行複製過來當主標題,從文案到圖整個流程不離開瀏覽器,也不用切換到設計軟體再切回來。

小結

這支工具解決的是一個很小的問題,小到很多人覺得不值得解決,但它每天都在發生。我沒有要把你變成設計師,我只是不想再在十一點四十的時候打開 Canva。圖這關 10 秒過,剩下的力氣留給文案和商品。等哪天你發現自己因為做圖太快而多發了幾則,那就是這支工具真正的價值。

那你呢,上一次你因為「還要做圖」而拖到隔天才發的那篇,後來發了嗎?

👉 立即使用:https://ecom.atmarketing.tw/og-image-maker

🎯

立即實際體驗 社群封面圖產生器|輸入標題,10 秒做出 1200×630 分享圖

加入 AI101 挑戰平台,解鎖這個工具並拿到實用範本與教學。

❓ 常見問題

為什麼一定要 1200×630 這個尺寸?▾
這是 FB、LINE 等平台分享連結時抓取的社群封面圖(OG 圖)標準比例。用對尺寸,預覽時才不會把你的標題或重點裁掉、也不會被壓扁變形,貼出去的第一眼就完整好看。
做好的圖怎麼變成貼文連結的預覽圖?▾
下載 PNG 後,如果是自己的網頁,把圖設為該頁的 og:image;如果是直接發圖文貼文,當作附圖上傳即可。想讓連結自動帶預覽圖,就需要在網頁的 meta 標籤設定這張圖。
圖是在哪裡產生的,會不會很慢或要付費?▾
圖直接在你的瀏覽器裡畫出來,改字即時預覽,不用等雲端算圖、不用註冊、不用付費。網速再慢也不影響,因為運算都在本機完成,滿意按下載就得到 PNG。

📚 你可能也想看