圖文選單是 LINE 官方帳號聊天室下方那一排固定按鈕。客人加好友後,最常點的就是它:看菜單、預約、找位置、問問題。選單排得好,很多重複的問題客人自己就找得到答案。

這篇整理圖文選單的尺寸規格、每一格該放什麼,以及上傳到後台的步驟。想直接動手,可以打開免費 LINE 圖文選單製作器邊看邊做。

LINE 圖文選單尺寸規格

LINE 官方帳號後台依解析度與檔案大小,提供 6 種圖片尺寸可選(LINE 圖文選單操作說明)。LINE 開發者文件列出的圖片規格是(Messaging API 參考):

  • 格式:JPEG 或 PNG
  • 寬度:800 到 2500 px
  • 高度:250 px 以上
  • 寬高比:寬 ÷ 高至少 1.45
  • 檔案大小:最大 1 MB

實務上最常用的是兩種最大尺寸:

  • 大型(六格):2500 × 1686 px,寬高比約 1.48。
  • 小型(三格):2500 × 843 px,寬高比約 2.97。

用最大尺寸製作,在高解析度手機上比較清晰;但照片多的設計容易超過 1 MB,存檔時要注意壓縮。上傳時選的版型要和圖片一致,否則按鈕範圍會對不上。

六格還是三格?

  • 大型六格:入口多,適合服務項目多的店家,例如餐廳同時要放菜單、訂位、優惠與位置。缺點是佔掉比較多聊天畫面。
  • 小型三格:只放三個最重要的動作,畫面清爽,適合工作室或服務單純的店。

不知道怎麼選,先列出客人最常問的問題。前三名能用三格解決,就選小型;常問的超過三種,再選六格。

每一格放什麼:三種店家模板

圖文選單的每一格,都是一個「客人下一步要做的事」。以下是常見的排法:

  • 餐飲・咖啡:預約、菜單、優惠、位置、集點、聯絡。
  • 美業・沙龍:預約、服務、優惠、作品、交通、諮詢。
  • 品牌・工作室:諮詢、服務、作品、流程、關於、聯絡。

最常被點的放左上或第一格,例如餐廳的「預約」或工作室的「諮詢」。每格只放一件事,文字兩到四個字最好讀。

設計時注意這五件事

  • 字要大:在手機上是縮小顯示的,標題字太小會看不清楚。
  • 一格一個動作:同一格寫「預約/菜單」,客人不知道點了會去哪。
  • 顏色有對比:文字和背景要分得清楚,照片上的字最好加一層底色。
  • 品牌要一致:用店家 Logo 和固定的品牌色,客人一眼認得是你。
  • 壓在 1 MB 內:照片太多太細的設計容易超過上限,存檔時先確認檔案大小。

上傳到 LINE 官方帳號後台

登入 LINE 官方帳號管理後台,在「圖文選單」新增一組:

  1. 標題:給自己管理用,客人看不到。
  2. 使用期間:設定這組選單顯示的時間,例如活動期間。
  3. 選單列顯示文字:聊天室下方那條按鈕列的文字,例如「點我看菜單」。
  4. 預設顯示:選擇客人進聊天室時,選單是否自動展開。
  5. 選擇版型並上傳圖片:版型要和你做的尺寸一致。
  6. 設定每一格的動作:可以設成網址、文字、優惠券或集點卡等。

圖片本身沒有按鈕功能,每一格點了做什麼,都要在後台逐格設定。

用免費製作器做一張

客脈 AI 選單工坊免登入、免費,也不加浮水印:

  • 內建餐飲、美業、工作室三種模板,可以改文字、品牌色、Logo 與照片。
  • 輸出 2500 × 1686(六格)或 2500 × 843(三格)JPG,會自動壓到 1 MB 內。
  • 可以下載「按鈕設定清單」,照著清單到後台逐格設定。
  • 可以下載可編輯的草稿檔,下次匯入繼續改。

照片、文字和 Logo 都在瀏覽器裡處理,不會傳給客脈 AI。

選單之外,客人還會打字問問題

圖文選單能解決「客人知道要問什麼」的情況。但客人常直接打字問「今天有開嗎」「可以帶寵物嗎」,選單就接不住了。這時可以考慮讓 LINE 官方帳號接上 AI 客服,依你整理好的資料回覆,複雜問題再交給真人。三種做法的差別可以看LINE 官方帳號要不要接 AI 客服,建置方式見 LINE 與官網 AI 客服建置。