RedClawLabs

公開教學 · 教學 · 發佈 2026-10-01 · 約 11 分鐘 · Eric Yu

LINE 圖文選單:尺寸對照、7+5 種版型與設定步驟

LINE 圖文選單是官方帳號聊天室下方可以點的圖片選單。後台有大型、小型兩類共 6 種尺寸、12 種版型,官方建議用寬 1200 的 Medium 尺寸。這篇用 2026 年 10 月的後台畫面走一遍設定,整理每格能設的動作、存不了檔的原因,以及只有 Messaging API 做得到的事。

重點

  • LINE 官方帳號後台的圖文選單分大型、小型兩類,各有寬 2500、1200、800 三種尺寸;大型有 7 種版型,小型有 5 種。
  • 後台的「設計規範」建議用 Medium(寬 1200);Large 較清楚但檔案大、讀取較慢,Small 讀取快但在高解析度螢幕上可能不夠清楚。
  • 「使用期間」必填,六格不能全部設成「不設定」,同一時間只能顯示一個選單,期間重疊就存不了。
  • 依客人顯示不同選單、分頁切換,只有 Messaging API 做得到;用 API 設的選單會蓋過後台設定的選單。
這一頁的內容
  1. 尺寸與版型一次看懂
  2. 字要做多大,手機上才看得清楚
  3. 模板去哪裡拿
  4. 在後台設定圖文選單
  5. 每一格能設定的動作
  6. 後台做不到、要用 Messaging API 的事
  7. 設了卻沒出現:五個排查點
  8. 怎麼知道選單有沒有人點
  9. 常見問題
  10. 參考資料

圖文選單是 LINE 官方帳號聊天室下方那塊可以點的圖片選單:一張圖切成幾個區塊,每塊連到一個動作,例如打開網址,或替客人送出一段文字。LINE 官方帳號後台有大型、小型兩類,一共 6 種尺寸、12 種版型。

這篇的畫面是 2026 年 10 月 1 日,我們在自己的測試帳號上實際做一次截下來的,連存不了檔時跳出的錯誤訊息也拍了。帳號是免費的輕用量方案,圖文選單可以直接建立。還沒開帳號的話,先看申請篇;帳號開好後其他要設定的事,整理在教學篇。

尺寸與版型一次看懂

寬度(px) 大型(7 種版型) 小型(5 種版型)
2500 2500 × 1686 2500 × 843
1200(建議) 1200 × 810 1200 × 405
800 800 × 540 800 × 270

大型的寬高比約 1.48 : 1,官方說明是適合版面較大或項目較多;小型約 2.96 : 1,適合版面較小或項目較少。同一類的三種尺寸比例相同,差別只在清晰度和檔案大小。大型版型最多切成 6 格(上下兩排、每排三格),小型最多 3 格。

後台的選擇版型對話框:上方是大型 2500×1686、1200×810、800×540 的 7 種版型,下方是小型 2500×843、1200×405、800×270 的 5 種版型
後台「選擇版型」對話框(2026-10-01 畫面)

三種寬度怎麼選

後台編輯頁右上角的「設計規範」寫得很直接:Large 適合高解析度螢幕,但圖片較大、讀取可能較費時;Medium 是建議使用的比例,適合大多數裝置;Small 讀取不費時,但在高解析度螢幕上的畫質可能不理想。沒有特別理由,就用 Medium,也就是寬 1200 的尺寸。

設計規範對話框:說明要上傳 1 張 PNG 或 JPG 背景圖,可上傳 Large、Medium、Small 三種尺寸,並列出三者的差別,其中 Medium 為建議使用
「設計規範」:背景圖 1 張,PNG 或 JPG,建議用 Medium

檔案格式與大小

設計規範要求上傳 1 張 PNG 或 JPG 當背景。後台頁面沒有寫檔案大小上限;Messaging API 的規格是 JPEG 或 PNG、1 MB 以內,以 1 MB 當上限最保險。我們做的 2500 × 1686 測試圖存成 PNG 約 166 KB,上傳沒有問題。

字要做多大,手機上才看得清楚

圖文選單在手機上會撐滿聊天室的寬度顯示,所以圖上的字在手機上的大小,大約等於:

設計稿上的字級 ×(手機螢幕寬度 ÷ 圖的寬度)

以手機上看起來約 14 px 為目標,設計稿上的字至少要做到:

圖寬 \ 手機寬 360 390 430
2500 px 97 px 90 px 81 px
1200 px 47 px 43 px 39 px
800 px 31 px 29 px 26 px

這張表是推算的,前提是選單以螢幕寬度顯示,我們沒有逐台手機實測。後台上傳圖片的視窗也提醒,實際顯示畫面會依裝置和作業系統而不同。保守一點,把表上的數字當下限。

模板去哪裡拿

LINE 官方的下載頁有 12 款和圖文選單相關的免費模板與素材,包含零售、餐飲、美業的活動模板,以及新年、聖誕節這類節慶版,格式是 ZIP 或 PNG,不用填資料就能下載。後台的「設計規範」裡也有「下載範本」按鈕。

不想另外開設計軟體,也可以直接在後台做:上傳背景圖之後,後台會開一個編輯器,可以裁切、對齊,也能逐格加文字和圖片。

後台的上傳圖片編輯器:左邊是手機預覽,右邊是可裁切與對齊的圖片編輯區,圖上是我們測試字級的六格內容
後台內建的圖片編輯器,圖上是我們用來測字級的六格測試圖

在後台設定圖文選單

第 1 步:建立圖文選單

從後台左側選單的「圖文選單」進入,按「建立圖文選單」。

圖文選單的空白頁,說明圖文選單會在聊天室顯示選單、引導用戶執行動作,下方有建立圖文選單按鈕
還沒建立過選單時的畫面

第 2 步:填標題與使用期間

標題最多 30 個字,只給後台管理用,客人看不到。使用期間是必填:編輯頁上預先出現的日期只是灰色的提示字,沒有實際點選填入,存檔時就會跳出「請設定使用期間」。

基本設定區:標題欄位與使用期間欄位,使用期間四個欄位都是紅框,下方紅字寫著請設定使用期間
沒填使用期間就存檔的錯誤

依 LINE 官方手冊,同一時間只能向客人顯示一個圖文選單;兩個選單的使用期間重疊,就無法設定。

第 3 步:選版型

按「版型」旁邊的「選擇」,挑大型或小型的版型(見上方的版型對話框)。套用後,預覽會出現 A、B、C 這樣的格子編號,右邊每一格各有一個「類型」可以設定。

套用大型六格版型後的編輯畫面:左邊預覽有 A 到 F 六格,右邊是每一格的類型下拉選單
套用六格版型後,每一格都要設定類型

第 4 步:上傳圖片

上傳背景圖後會進入編輯器。按「套用」之前,後台會再問一次「確定套用圖片?」,並提醒套用後就無法另存新檔;要留底稿的話,先按「另存新檔」。

第 5 步:設定每一格的動作

每一格的「類型」有五種:連結、優惠券、文字、集點卡、不設定。連結要填網址和「動作標籤」,標籤最多 20 個字;文字最多 50 個字,可以填「關鍵字回應」裡設定的文字,讓客人一點就觸發自動回應。

動作設定欄位:A 格類型為連結,需要輸入網址與動作標籤,標籤上限 20 字;B 格類型為文字,說明可設定為關鍵字回應中的文字,上限 50 字
連結要填網址和動作標籤;文字最多 50 字

六格不能全部設成「不設定」。我們刻意試了一次,存檔時出現「請至少設定1個動作」,官方手冊也寫明不能把所有項目都設成無動作。

六格都設成不設定後存檔,動作區上方出現紅字:請至少設定1個動作
六格全設「不設定」的錯誤訊息

第 6 步:設定選單列,存檔

選單列就是聊天室最下方那條可以展開、收合選單的列。顯示文字可以用預設的「選單」,或自訂最多 14 個字;預設顯示方式可以選「顯示」或「隱藏」。

設定選單列區塊:選單列顯示文字可選選單或自訂文字(上限 14 字),預設顯示方式可選顯示或隱藏,左邊是套用測試圖後的預覽
選單列文字與預設顯示方式

存檔後回到列表頁,上方會顯示「目前顯示的選單」,下面列出使用期間和每一格的動作。

存檔後的圖文選單列表頁:目前顯示的選單區塊列出標題、使用期間與六格動作,上方註記本頁面僅可顯示透過本頁面建立的圖文選單,以及透過 Messaging API 設定時用戶看到的選單可能不同
列表頁上方有兩行官方註記,跟 Messaging API 有關

每一格能設定的動作

動作 後台能不能設 說明
連結 可以 打開網址。網址可以加 UTM 參數,分辨流量來自哪一格
文字 可以 替客人送出一段文字,最多 50 字,可以觸發關鍵字自動回應
優惠券 可以 打開後台建立的優惠券
集點卡 可以 打開後台建立的集點卡
不設定 可以 點了沒有反應;六格不能全部都是
postback、日期時間選擇 只有 Messaging API 點擊時把資料送到你的系統,或讓客人選日期時間
切換分頁 只有 Messaging API 同一個選單做成多個分頁,點上方的分頁鍵切換

後台做不到、要用 Messaging API 的事

LINE Developers 的圖文選單說明列出三件只有 Messaging API 做得到的事:依客人個別設定選單、在選單上用 postback 和日期時間選擇的動作,以及分頁切換。

顯示的優先順序也寫在同一頁,由高到低是:

  1. 用 Messaging API 替個別客人設定的選單
  2. 用 Messaging API 設定的預設選單
  3. 在後台設定的預設選單

只要有人用 API 設了預設選單,所有客人都看不到你在後台改的選單;API 只替部分客人設了個別選單的話,看不到的就是那些客人。後台的列表頁也有註記:本頁面只顯示透過本頁面建立的圖文選單,若透過 Messaging API 設定,用戶實際看到的選單可能不同。

用 API 做選單時的規格(Messaging API 參考文件):圖片是 JPEG 或 PNG,寬 800 到 2500 px、高至少 250 px、寬高比至少 1.45、檔案 1 MB 以內;每個選單最多 20 個區塊,每個帳號最多 1,000 個選單,選單列文字最多 14 個字。

API 的每個區塊要自己指定座標(bounds)。如果照著後台的大型六格版型,在 2500 × 1686 的圖上平均切三欄兩列,座標是:

格子 x y width height
上排左 0 0 833 843
上排中 833 0 834 843
上排右 1667 0 833 843
下排左 0 843 833 843
下排中 833 843 834 843
下排右 1667 843 833 843

2500 除以 3 除不盡,我們把多出來的 1 px 給中間那欄,三欄加起來剛好 2500。小型 2500 × 843 平均切三格時,x 與寬度相同,y 都是 0、高度都是 843。

設了卻沒出現:五個排查點

狀況 原因 怎麼處理
存好了,手機上卻沒出現 現在不在使用期間內 檢查使用期間;同一時間只能顯示一個選單
改了選單,客人看到的還是舊的 後台設定的選單要等客人重新進入聊天室才會更新,也可能受網路狀況影響而延遲 退出聊天室再進來(LINE 說明中心)
電腦上的 LINE 看不到 Windows、macOS 版的 LINE 本來就不顯示圖文選單 用手機看
後台設的選單完全不出現 有人用 Messaging API 設過選單,API 的優先順序比後台高 問負責串接系統的人
存不了檔 沒填使用期間、六格全設「不設定」,或使用期間跟別的選單重疊 照錯誤訊息修正

第二列的說法出自 LINE 官方帳號說明中心;用 API 設定的預設選單,LINE Developers 的文件寫的是重新開啟聊天室後生效,最多可能要等約 1 分鐘。電腦版不顯示圖文選單,也是 LINE Developers 文件寫的。

怎麼知道選單有沒有人點

後台的「分析」裡,「聊天室相關」底下有「圖文選單」一項,可以看選單的數據。如果某一格是連到網站,網址加上 UTM 參數,客人點進網站之後,就能在 GA4 這類工具裡分出是哪一格帶來的流量。網站端的追蹤怎麼設,學院的中階課程從 GTM、GA4 到 Meta 像素有完整做法。

常見問題

LINE 圖文選單的尺寸是多少?

大型是 2500 × 1686、1200 × 810、800 × 540,小型是 2500 × 843、1200 × 405、800 × 270,單位是 px。後台的設計規範建議用寬 1200 的 Medium 尺寸。

圖文選單可以放幾格?

後台的版型,大型最多 6 格、小型最多 3 格。用 Messaging API 自己切的話,每個選單最多 20 個區塊。

為什麼我設定的圖文選單沒有出現?

最常見的是不在使用期間內、客人還沒重新進入聊天室,或是在電腦版 LINE 上看。如果帳號有人用 Messaging API 設過選單,API 的選單會優先顯示。

可以讓不同客人看到不同的選單嗎?

後台做不到。依客人個別設定選單,只有 Messaging API 做得到。

圖文選單要錢嗎?

不用另外付費。我們的測試帳號是免費的輕用量方案,可以直接建立圖文選單。

電腦版 LINE 看得到圖文選單嗎?

看不到。LINE Developers 的文件寫明,Windows 和 macOS 版的 LINE 不顯示圖文選單。

參考資料


初階 11 章,第 0、1 章免費