行銷應用

LINE 圖文選單尺寸與 FB 封面尺寸:圖文訊息、多頁訊息一次分清楚

發布日期
更新日期
作者
Fecina 法西納設計有限公司

LINE 圖文選單、圖文訊息、多頁訊息與 Facebook 粉專封面用途不同,不能共用同一組尺寸。本文整理 LINE 與 Meta 官方規格、跨裝置裁切、安全區與品牌視覺延伸方法。

Facebook 粉絲專頁桌機與手機版封面顯示對照

LINE 圖文選單、圖文訊息、多頁訊息、個人封面與 Facebook 粉專封面不是同一種素材,也不能把一張橫幅拉大縮小就全部通用。它們出現的位置、可點擊方式、顯示比例與使用情境都不同。

我們整理社群視覺時,會先確認素材要放在哪個功能,再決定畫布。尺寸只是起點,真正影響成品的還有手機裁切、頭像遮擋、文字安全區、點擊區與同一主視覺在不同版位的重排方式。

文中的 CLIQ、築為光與媽祖視覺用來示範版位、比例、裁切與重排;圖片呈現的是視覺設計,帳號設定、連結功能、廣告投放與營運結果仍以實際後台及上線測試為準。

一、先看規格:LINE 與 Facebook 常用尺寸速查

素材 官方規格或建議 設計時先注意
LINE OA 圖文選單 大片 2500×1686、1200×810、800×540;窄版 2500×843、1200×405、800×270 先決定格數、每格任務與點擊區
LINE Messaging API 圖文選單 寬 800–2500、高至少 250、比例至少 1.45、1 MB 以下 API 規格和後台六種尺寸不能混用
LINE 圖文訊息 1040×1040 px,JPG 或 PNG 一張方形圖片搭配連結或優惠券動作
LINE 多頁訊息 商品服務、地點、影像與結尾頁建議 1.54:1;最多 9 頁 同一則訊息使用同一種版型
LINE 個人封面 官方目前未公布固定像素 用高解析原圖並在實機裁切預覽
Facebook 粉專封面 目前顯示為 16:9、至少 400×150;官方另列 851×315 快速載入組合 左側可能被頭像遮擋,裝置不同也會裁切
Facebook Feed 廣告圖片 Meta 建議廣告照片使用 1:1 或 4:5 這是廣告素材建議,不是自然貼文的固定規格

以上是 2026 年 8 月查核的官方資料。平台可能調整介面,正式製作前仍應回到 LINE 或 Meta 的最新說明確認,不要只依多年以前下載的尺寸表。

二、先把名稱分清楚,才不會拿錯尺寸

「LINE 封面」在搜尋時可能指個人檔案封面,也可能被誤用來稱官方帳號圖文選單。前者是個人頁面的背景視覺;後者固定出現在 LINE 官方帳號聊天室下方,可以設定多個點擊區。圖文訊息則是聊天室裡的一張方形圖,多頁訊息是可以左右滑動的卡片內容。

Facebook 也一樣。「FB 封面尺寸」通常指粉絲專頁頂端封面;「Facebook Banner」卻可能指粉專封面、動態消息廣告、網站橫幅,甚至 Stories。這些名稱如果在需求單裡只寫一個 Banner,設計端很容易做出比例正確、用途卻錯的檔案。

發包前至少要寫明平台、帳號類型、出現位置、是否需要點擊,以及預計使用的裝置。只要用途說清楚,後面的尺寸、安全區與輸出格式才有判斷依據。

三、LINE 圖文選單尺寸:六種畫布怎麼選?

LINE 官方帳號後台目前提供大片與窄版兩種高度,各有三種解析度。LINE 的 圖文選單使用手冊 列出六種尺寸,也提醒解析度越高畫面越清楚,但檔案較大時讀取可能較慢。實務上不需要盲目選最大尺寸,而要看圖片細節、字級與壓縮後清晰度。

大片適合需要較強品牌畫面、商品分類或六格入口的帳號;窄版比較不占聊天畫面,適合保留少量高頻功能。真正先決定的不是尺寸,而是使用者打開聊天室後最常做的三到六件事,例如查看最新活動、前往官網、預約、下載菜單或聯絡客服。

六格選單不是把六張小海報排在一起。圖示、標題與點擊範圍必須一眼對得上;相鄰格的色彩和形狀也要有邊界,避免使用者不知道自己會按到哪裡。上傳後還要逐格點擊,確認網址、優惠券與訊息動作真的對應。

如果圖文選單由 Messaging API 建立,規格會不同。LINE Developers 的 圖檔要求 是 JPEG 或 PNG、寬度 800 至 2500、高度至少 250、寬高比至少 1.45,檔案 1 MB 以下,最多可設定 20 個點擊區。後台六種尺寸與 API 範圍要分開看。

四、LINE 圖文訊息尺寸:1040×1040 的方形素材

圖文訊息是聊天室裡的一張方形視覺。依 LINE 官方帳號圖文訊息手冊 ,圖片為 1040×1040 px,可使用 PNG 或 JPG,並依版型設定連結或優惠券等動作。

方形不代表可以塞滿四個角落。手機聊天室的實際可視寬度有限,標題、價格與 CTA 要先測小尺寸閱讀性。若主視覺本來是橫幅,應重新安排人物、商品與文字,不要直接把兩側裁掉;重要資訊也不要壓在過細線條或高反差背景上。

五、LINE 多頁訊息尺寸:1.54:1 是比例,不是唯一像素

多頁訊息適合把內容拆成可左右滑動的卡片。LINE 的 多頁訊息手冊 提供商品服務、地點、人物與影像四種版型;同一則訊息使用一種版型,最多 9 頁。商品服務、地點、影像與結尾頁建議圖片比例為 1.54:1,人物版型則沒有圖片比例限制。

1.54:1 是比例,不等於官方只接受 1540×1000 一種尺寸。設計端可以把 1540×1000 當工作畫布示例,但仍要依上傳介面、檔案格式和 10 MB 容量限制檢查。現行後台也註明多頁訊息需在電腦版設定。

拆頁時,每一頁只負責一個問題。第一頁建立主題,第二頁說明方案,第三頁補規格或位置,最後一頁才放聯絡行動。像格局、區位與產品特色這類資訊,如果全部壓在同一張圖,手機上只會變成一張看不清楚的型錄縮圖。

六、LINE 個人封面尺寸:官方沒有固定像素,別把建議值寫成規定

LINE 的 個人檔案說明 確認可以設定照片或影片並進行裁切,但目前沒有公布固定像素尺寸。因此網路常見的 1080×1920、720×1280 或檔案容量數字,不應寫成 LINE 官方規定。

法西納的工作建議是使用清楚的直式原圖,主體放在中央偏安全區,並保留上下裁切空間;人物臉部、Logo 與文字不要貼近邊緣。完成後一定要用實際手機檢查個人頁面、動態效果與介面遮擋。這是設計上的容錯方法,不是平台強制尺寸。

七、FB 封面尺寸:16:9 與 851×315 為什麼同時存在?

Meta 的 粉絲專頁大頭貼與封面說明 目前表示封面靠左滿版顯示為 16:9,最小 400×150;同一頁又列出 851×315、sRGB JPG、100 KB 以下是載入較快的檔案組合。這兩組比例不同,代表 851×315 不是所有裝置唯一而固定的裁切框。

封面會隨螢幕裁切或縮放,左側也可能被圓形頭像遮住。Logo、活動日期、主標題與人物臉部不要緊貼四邊,尤其不能只在桌機 mockup 上看起來完整就交稿。含有 Logo 或文字時,可依 Meta 建議測試 PNG;照片型素材則在清晰度和檔案大小之間取捨。

教學示例:用兩種裁切預覽找出核心內容

下圖以虛構的「材料開放日」示範預覽方法,非客戶活動,也不是平台固定安全區模板。先把品牌、主標與必要資訊放在兩種預覽都能保留的位置,將邊緣留給可裁切的裝飾,再檢查頭像等介面是否遮住文字。實際裁切與遮擋位置,仍須依帳號和裝置預覽調整。

八、Facebook Banner 尺寸不是 1200×628 一個答案

「Facebook Banner」不是 Meta 現行介面中的單一版位名稱。粉絲專頁封面、自然貼文、Feed 廣告、Stories 與 Reels 都有各自的顯示方式。把 1200×628 當成所有 Banner 的固定答案,容易讓直式版位留白過多,也可能讓封面裁掉重要內容。

Meta 目前對 Feed 廣告照片的 影像比例建議 是 1:1 或 4:5;這不能直接當成自然貼文的統一規格,Stories 與 Reels 也有各自的直式場景。真正投放前,應在 Ads Manager 依選定版位預覽。若需求單只寫「做一張 FB Banner」,設計前要先追問它是粉專封面、自然貼文還是廣告素材。

九、同一套主視覺,應該重排,不是拉伸

跨平台一致,不代表每一張圖長得完全相同。比較穩定的做法,是先建立一套視覺母版:主標題、主體圖片、Logo、色彩與輔助圖形保持一致,再依 16:9、1:1、4:5、圖文選單大片或窄版分別重排。

橫幅版保留水平視線,方形版縮短標題並集中主體,直式版把上下空間留給介面與 CTA。系列內容則固定字體、色彩和圖形節奏,不必硬把每個元素放在同一位置。更完整的做法可參考 主視覺延伸設計品牌視覺規範

十、上傳前檢查:尺寸對了,也要確認功能真的可用

  • 確認平台、帳號類型與素材出現位置,不用模糊的「封面」或「Banner」交件。
  • 使用最新官方尺寸,並記錄查核日期。
  • 標題、Logo、人物臉部與 CTA 遠離裁切邊緣及頭像遮擋區。
  • 用手機實際看最小字級,不只放大檢查設計稿。
  • LINE 圖文選單逐格測試點擊區、網址、優惠券與訊息動作。
  • 多頁訊息逐頁確認閱讀順序,最後一頁才安排明確行動。
  • Facebook 封面同時看桌機與手機,廣告素材則依實際投放版位預覽。
  • 輸出後重新開檔,確認色彩、壓縮、透明背景與文字清晰度。

如果同一活動還要延伸廣告,可再看 廣告視覺與訊息層級的規劃方法 。先把版位與任務定義好,再決定每一張圖要留下哪些資訊,通常比追求一張圖通吃所有平台更有效。

十一、FAQ:LINE 圖文選單與 FB 封面常見問題

LINE 圖文選單尺寸是多少?

官方帳號後台有六種尺寸:大片為 2500×1686、1200×810、800×540;窄版為 2500×843、1200×405、800×270。若由 Messaging API 建立,則要依 API 的尺寸範圍與 1 MB 限制。

LINE 圖文選單、圖文訊息與多頁訊息差在哪裡?

圖文選單固定在聊天室下方;圖文訊息是 1040×1040 的單張方形訊息;多頁訊息則是可以左右滑動、最多九頁的卡片內容。

為什麼 LINE 圖文選單在電腦版看不到?

LINE Developers 的 圖文選單說明 明確指出 rich menu 不會顯示在 Windows 與 macOS 的 LINE 電腦版,因此設計和測試仍以手機聊天室為主。

LINE 個人封面有官方固定尺寸嗎?

目前官方說明沒有列出固定像素。使用高解析直式原圖、主體置中並做實機裁切測試,是設計建議,不是官方強制規格。

FB 封面應該做 16:9 還是 851×315?

目前顯示規則以 16:9 理解;851×315 是 Meta 同頁提供的快速載入檔案組合,不是所有裝置唯一裁切框。重要資訊仍需放安全區並跨裝置預覽。

Facebook Banner 可以直接沿用粉專封面嗎?

不建議。粉專封面、Feed 圖片與廣告版位比例不同,應保留相同主視覺元素後重新排版,不能直接拉伸或只裁掉兩側。

十二、先確認用途,再決定畫布

社群尺寸最常見的問題,不是少背一組像素,而是沒有先說清楚素材要出現在哪裡。LINE 圖文選單要處理點擊與操作;多頁訊息要處理閱讀順序;Facebook 封面要面對跨裝置裁切;廣告素材則要依投放版位重排。

如果你有一套主視覺需要延伸到 LINE、Facebook 或不同廣告版位,可以先整理平台、用途、內容數量與上線日期,再透過 法西納聯絡頁 提供需求。我們會先把版位與資訊層級拆清楚,再決定每一張素材真正需要的尺寸與內容。

需要品牌設計、印刷設計或網站設計?

讓 Fecina 法西納設計協助你把想法變成有辨識度的品牌體驗。

返回部落格