圖文選單是 LINE 官方帳號最被低估的一塊——它是客人點開你聊天室時,第一眼看到的東西,等於你的店門口。這篇不談理論,講的是我們自己把 MooLah 的圖文選單改到第六版的過程:正確尺寸、圖片限制、版型怎麼配,以及那些文件上沒寫、實際做了才會撞到的坑。
圖文選單是什麼?為什麼它比你想的重要
圖文選單是 LINE 官方帳號聊天室下方那塊固定的圖片選單。客人一點開你的聊天室就會看到,而且不會滑掉——它永遠在那裡。
對自己接單的職人來說,這是唯一一塊「客人一定會看到」的版位。你的作品集、預約入口、聯絡方式放在這裡,比發十則群發訊息有用,因為它不打擾人,而是等人來找。
很多人把它做成三個「聯絡我們」「關於我們」「最新消息」的按鈕,那等於浪費。真正該放的是客人最常做的那件事——對美業來說,通常就是「我要預約」。
正確尺寸:兩種版型,別做錯
LINE 圖文選單只有兩種尺寸,做錯了上傳會直接被擋:
- ◆大型:2500 × 1686 px(聊天室佔比較高,適合放 4–6 格)
- ◆小型:2500 × 843 px(佔比較低,適合放 3 格以內)
- ◆格式:JPEG 或 PNG
- ◆⚠️ 檔案大小上限 1MB —— 這是最多人卡住的地方
⚠️ 1MB 限制:我們踩過的第一個坑
設計稿做得漂亮,匯出 PNG 一看 3.4MB,上傳直接失敗。這是幾乎每個人第一次做都會遇到的事。
解法不是把圖做糊,而是換格式。我們第六版的選單原始 PNG 是 2MB 出頭,轉成 JPEG(品質約 85)之後降到 867KB,肉眼看不出差別。
如果轉了 JPEG 還是超過,通常是因為背景有大量漸層或雜訊。深色純色底 + 簡單線條圖示的設計,壓縮率會好很多——這也是為什麼我們最後選了深炭底配金色線條,不只是好看,是因為它壓得下去。
版型怎麼選?從「客人最常做什麼」倒推
不要從「我想放什麼」出發,要從「客人來這裡想做什麼」出發。
我們改了六版,最後定案的是 2×2 四格:探索職人、我的預約、我的後台、聯絡客服。前兩格給消費者,第三格給合作的職人(他們掃立牌進來會直接進自己的後台),第四格接住所有其他問題。
這個配置不是一開始就想到的。第四版是三格橫排,用了才發現「我的預約」這個需求量遠比想像大——客人常常忘記自己約幾點,卻不好意思問。
- ◆每一格都要對應一個真實會發生的動作,不要為了排版對稱硬湊
- ◆最重要的功能放左上(多數人視線起點)
- ◆格子數寧少勿多:六格看起來豐富,但每格變小、點錯機率上升
模板要不要用?
網路上找得到很多免費圖文選單模板,Canva 也有現成版型。剛起步、還在測試哪些功能真的有人點的階段,用模板完全可以,不用一開始就花錢做設計。
但模板的問題是:所有用同一套模板的店,選單長得一模一樣。客人點開三家美甲工作室看到三個一樣的介面,你就失去了那一眼的印象。
折衷做法是拿模板的「格線結構」,換掉配色、字體和圖示。結構是功能問題(怎麼分格好點),視覺才是品牌問題。
⚠️ 改版時最容易出事的地方:選單不能編輯
這是官方文件寫了但很多人沒注意的事——圖文選單建立之後是唯讀的,沒有「編輯」這個動作。想改任何東西,都得建一個新的。
正確順序是:建新選單 → 上傳圖片 → 設為預設 → 確認新的真的生效 → 才刪掉舊的。
順序不能顛倒。我們有一次先刪舊的再設新的,中間那幾十秒所有客人打開聊天室都看不到選單。雖然很短,但如果剛好有人在那時候想預約,他就找不到入口。
每一格要連到哪裡?三種動作
一個實務建議:如果你的預約要在 LINE 裡完成(需要知道客人是誰),連結要用 LIFF 網址,不要用一般網址。一般網址在 LINE 裡開會抓不到客人身分,等於白做。
這件事我們踩過——選單的「我的後台」原本連一般網址,職人點進去系統認不出他是誰,一直跳登入。改成 LIFF 連結才正常。
- ◆開網址:連到你的預約頁、作品集、官網(最常用)
- ◆傳訊息:點了自動幫客人發送一段文字,例如「我想預約」,你就知道他要幹嘛
- ◆不做事:純圖片區塊(用來放 logo 或裝飾,不建議浪費格子)
做好之後,怎麼知道有沒有用?
LINE 官方帳號後台可以看每一格的點擊數。上線兩週後去看,通常會發現實際點的分佈跟你想的不一樣。
我們就是這樣發現「我的預約」被點的次數遠超預期,才在第五版把它從次要位置搬上來。
如果某一格兩週幾乎沒人點,那格就是浪費——換掉它,或直接減少格數把其他格放大。
常見問題
LINE 圖文選單的尺寸是多少?
有兩種:大型 2500×1686 px、小型 2500×843 px,格式為 JPEG 或 PNG,檔案大小上限 1MB。做錯尺寸上傳會被擋下。
圖片超過 1MB 上傳失敗怎麼辦?
先把 PNG 轉成 JPEG(品質 85 左右通常肉眼看不出差別),我們的選單就是這樣從 2MB 降到 867KB。若仍超過,多半是背景漸層或雜訊太多,改用單純的深色底加簡單線條圖示,壓縮率會好很多。
圖文選單可以直接編輯修改嗎?
不行。圖文選單建立後是唯讀的,要改就得建一個新的。正確順序是:建新選單 → 上傳圖片 → 設為預設 → 確認生效 → 最後才刪舊的。順序顛倒會有一段空窗期,客人打開聊天室看不到選單。
圖文選單一格可以做什麼動作?
三種:開啟網址(連到預約頁或官網)、傳送訊息(點了自動幫客人發一句話)、不做事(純裝飾)。如果連結要在 LINE 裡辨識客人身分,必須用 LIFF 網址,一般網址會抓不到身分。
應該做幾格?
寧少勿多。格子越多每格越小、越容易點錯。從「客人來這裡最常做什麼」倒推,通常 3–4 格就夠。上線兩週後看後台的點擊分佈,沒人點的格子就換掉。
一定要花錢請人設計嗎?
剛起步不用。Canva 和網路上都有免費模板,先用模板測試哪些功能真的有人點。但長期建議至少換掉配色、字體與圖示——結構可以照抄,視覺是品牌問題,跟別人一模一樣就失去辨識度。