Blog · 2026-09-17

LINE圖文選單完整教學:尺寸、版型、模板與設計動線(2026)

LINE圖文選單的六種尺寸、官方硬性規格、版型怎麼挑、模板去哪拿,加上四個官方文件裡有但幾乎沒人講的限制:圖片上傳後不能換、兩套工具不能混用、電腦版看不到、同時只能顯示一個。

圖文選單是 LINE 官方帳號版位價值最高的一塊。用戶每次打開聊天室都會看到它,不用花訊息費,而且 LINE 官方手冊自己寫的是「24 小時導流做互動」。

多數教學文停在「用 Canva 做一張圖上傳」。這篇把規格、版型、模板、動線,以及四個會讓你重做的限制一次講完。

圖文選單是什麼,為什麼值得先做

它是聊天室下方那塊可以收合的圖片選單,每一格都能設動作。你在舊文章裡看到的「LINE@圖文選單」講的是同一個東西,LINE@ 早就整併進 LINE 官方帳號了。依官方手冊,每格可以選的動作有五種:優惠券、網址、文字、集點卡、不設定。

值得優先做的理由很實際:它不算訊息費。LINE 的群發是按送達人次計費,圖文選單不是,它就固定掛在那裡。等於你花一次設計成本,換一個永久曝光的版位。

先講一個官方寫明、但中文教學幾乎都漏掉的限制:

Rich menus aren't displayed on LINE for PC (macOS, Windows).

圖文選單在 LINE 電腦版不會顯示。 如果你的客人有一定比例在電腦上跟你聊天,重要入口不能只放在圖文選單裡,要另外留一條路。

LINE圖文選單尺寸:六種,不是兩種

網路上查到的尺寸互相打架,有人說 1200×810,有人說 2500×1686。兩邊都對,也都不完整。LINE 官方手冊寫的是「依據解析度與容量的平衡,可上傳的圖片尺寸有 6 種」。

六種其實是兩種比例乘以三種解析度

版型 大尺寸 中尺寸 小尺寸 長寬比
大型 2500 × 1686 1200 × 810 800 × 540 約 1.48
小型 2500 × 843 1200 × 405 800 × 270 約 2.96

兩種長寬比,依實際比例繪製

大型 2500 × 1686 比例 1.48
小型 2500 × 843 比例 2.96
官方硬性下限是長寬比 1.45,兩種版型都在門檻之上

官方同時提醒:App 裡的顯示框尺寸是固定的,上傳小尺寸圖在高解析度手機上會看起來比較粗糙;上傳大尺寸比較清晰,但檔案變大、讀取變慢。實務上選 2500 那一階,除非你的圖很複雜導致檔案超標。

官方硬性規格(超過就是傳不上去)

這組數字來自 LINE Developers 的 Messaging API 文件,是系統層級的限制:

項目 規格
圖片格式 JPEG 或 PNG
寬度 800 到 2500 像素
高度 250 像素以上
長寬比(寬除以高) 1.45 以上
檔案大小 最大 1 MB

1 MB 是最常踩的一條。用 Canva 匯出 2500×1686 的 PNG 很容易破表,改存 JPEG 或先壓縮就過了。另外圖文選單不支援透明背景,去背的 PNG 上去會變成黑底或白底。

版型怎麼挑:從資訊數量倒推,不是從好看倒推

LINE圖文選單版型分成大型與小型,大型有六格、四格、三格、二格等分割;小型多半是三格或二格。挑版型的順序是先數你到底有幾件事要讓客人點,再選格數。

常見版型分割

大型 · 六格
ABCDEF
入口最多,但每格小、文案塞不下
大型 · 上一下三
主視覺ABC
最耐看:上排放形象或檔期,下排放三個動作
大型 · 左一右二
主動作AB
有一個明顯主要動作時用這個
小型 · 三格
ABC
入口單純就夠:預約、地址、客服
小型 · 二格
AB
佔版面最少,適合已經很清楚要做什麼的帳號
方框只是分割示意,實際上傳的是一整張圖,設計可以跨框

實務上的判斷:

每一格的文案要寫動作,不要寫分類。「服務項目」沒人點,「線上預約」有人點。「更多資訊」沒人點,「查我的點數」有人點。

排列也有優先順序。多數人拇指落在畫面下半的右側,最重要的那個動作放右下比放左上有效。

我們的 LINE OA 智能管理平台把 Rich Menu 做成視覺化拖拉排版,即時預覽、一鍵發布。分區不是美工問題是動線問題,哪一格放註冊、哪一格放客服,我們照你的轉換目標規劃,不是照好不好看排。

LINE圖文選單模板與素材去哪拿

不用自己畫框線。LINE 官方就有提供範本,而且官方文件寫得很清楚:

You can download a template image for your rich menu from the LINE Official Account Manager. From the page you create rich menus, click Design guide.

也就是在後台建立圖文選單的頁面點「Design guide」,就能下載對應版型的模板圖。這是免費且最準的來源,比在網路上找來路不明的 line圖文選單模板可靠。

拿到模板後的做法:

  1. 在 Canva 或任何繪圖工具開一張對應尺寸的畫布。
  2. 把模板圖匯入當底層,透明度調低,只是拿來對齊框線用。
  3. 圖示與文字全部放進框內,留一點安全邊距,貼邊的元素在不同機型上會被切到。
  4. 刪掉模板底圖,匯出 JPEG 或 PNG,確認檔案小於 1 MB。

line圖文選單素材本身沒什麼玄機,單線圖示加品牌色就很夠用。圖文選單設計真正影響成效的是文案和動線,不是插畫畫得多精緻。

後台設定步驟

依官方手冊,流程只有兩步:

  1. 在主頁點「圖文選單」,再點建立。
  2. 設定各項目後儲存。

要填的欄位裡,有幾個容易被跳過:

四個會讓你重做的限制

這一節是這篇跟其他教學文最不一樣的地方。以下四條都寫在官方文件裡,但幾乎沒有中文教學整理出來。

圖片上傳後不能換要換圖不是編輯,是重建一個新選單再上傳。上傳前先確認是最終版。
兩套工具不能混用後台建的只能在後台改,API 建的後台看不到也改不了。中途要換等於整批重做。
同時只能顯示一個新舊選單的使用期間不能重疊,重疊就存不進去。排檔期要先算好。
電腦版不顯示唯一的預約或客服入口不要只放在選單裡,要另外留一條路。

四條的官方出處分別是這樣。

圖片不能換,LINE Developers 文件原文:

You can't replace an image set to a rich menu. To update your rich menu image, create a new rich menu object and upload another image.

兩套工具不能混用,同一份文件寫明後台建的選單只能用後台取得與編輯,API 建的反過來也一樣。

同時只能顯示一個,官方帳號操作手冊原文:「僅能向用戶顯示一個圖文選單,如果期間重複,將無法設定。」

電腦版不顯示,出自 Rich menus overview:「Rich menus aren't displayed on LINE for PC (macOS, Windows).」

另外官方也提醒,選單設定後要等伺服器處理,實際顯示到用戶端需要一點時間,好友數愈多等愈久。剛存完在自己手機上沒看到,先別急著重設。

多頁換頁與個人化選單:後台做不到

兩個最常被問的進階需求,答案都一樣:LINE 官方帳號管理後台做不到,要靠 Messaging API。

官方帳號管理後台

  • 圖形介面,做得快
  • 可設使用期間、排程上下檔
  • 有顯示次數與點擊率數據
  • 多頁換頁:做不到
  • 個人化選單:做不到

Messaging API

  • 可設 postback 與日期選擇動作
  • 可做多頁換頁
  • 可做每位用戶不同的選單
  • 有逐日點擊統計
  • 要自己處理歸戶與換頁狀態

這兩件事的價值差很多。會員看到「我的點數、訂單查詢、客服」,還沒消費的人看到「首購優惠、熱門商品、加入會員」,同一個版位對不同的人講不同的話,不用多花一毛訊息費。

但要自己接 API 就要處理身分歸戶、選單綁定、換頁狀態這些事,還有一個實務上的地雷:換頁用的子選單如果直接暫停,已經切到那一頁的人會掉回預設選單,而且不會自動回來。換檔期要先建新的、把入口指過去、確認沒人在用舊的,才能停掉舊的。

這些能力,我們做成了產品

前面講的每一件事,在我們的後台是同一套系統:

三種量級,USDT 計價月費,無綁約:

方案 月費 官方帳號數 好友數上限 重點
入門 $29 USDT 1 個 5,000 Rich Menu 設計、關鍵字自動回覆、基礎漏斗追蹤
成長 $79 USDT 3 個 30,000 進階 Rich Menu 建構器、AI 智能客服、分群推播
專業 $199 USDT 5 個 無上限 加上 CRM 聯絡人管理、API 整合接你的後台

方案裡的官方帳號登記在你自己名下,不是掛在我們底下代管。要停要轉都是你決定。

想先把整個官方帳號的架構搞清楚,可以看 LINE官方帳號完整指南;平台的完整規格與導入流程在 LINE OA 智能管理平台

常見問題

LINE 圖文選單要付費嗎? 選單本身不用錢,也不消耗訊息額度。輕用量方案月費 0 元一樣能用。要花錢的是主動群發訊息,那是按送達人次計費。

如何在 LINE 中自製圖文選單? 在官方帳號管理後台主頁點「圖文選單」,建立、選版型、上傳圖片、逐格設定動作、儲存。圖片從後台的 Design guide 下載模板來對齊最準。

如何設定多頁圖文選單? 後台沒有換頁功能,要用 Messaging API 建立多個選單並設定切換動作。換檔期不要直接暫停還在被使用的子選單,已經切過去的人會掉回預設選單。

如何在 LINE Bot 中建立圖文選單? 用 Messaging API 依序呼叫建立選單、上傳圖片、設為預設選單這三支端點。注意用 API 建的選單不能在後台編輯,兩套工具不能混用。

圖文選單尺寸到底該用哪一個? 一般選 2500×1686(大型)或 2500×843(小型)。硬性限制是寬 800 到 2500、高 250 以上、長寬比 1.45 以上、檔案 1 MB 以內、JPEG 或 PNG。

本文的規格與限制引自 LINE 官方帳號操作手冊與 LINE Developers Messaging API 文件。LINE 的規格會調整,實際請以官方後台與官方文件的現行資訊為準。

這類問題,我們天天在解

把你的情境描述給我們,直接告訴你做不做得到、大概多少錢。

用 Telegram 聊需求
評估與報價不收費 · 回覆你的是工程師本人
TG 聊需求