LINE 圖文選單尺寸與模板:規格速查+免費範本
設計前先查表:兩種尺寸、9 種版型的每格像素,以及哪些範本免費
設計前先查表:兩種尺寸、9 種版型的每格像素,以及哪些範本免費
LINE 圖文選單最常用兩種尺寸:大型 2500×1686 像素、標準 2500×843 像素。按鈕在 7 個以內用標準尺寸,需要三排按鈕再用大型;下方附 9 種版型的每格像素與免費範本。
圖文選單(Rich Menu)是顧客打開你的 LINE 官方帳號時,聊天室最下方那一塊圖片按鈕。它決定顧客第一眼能做什麼,所以尺寸切錯、按鈕點不準,都會直接影響預約。這篇是給設計前查規格用的速查表;想看配色與按鈕文案的完整教學,請看LINE 圖文選單製作教學。
| 項目 | 大型 | 標準 |
|---|---|---|
| 尺寸(像素) | 2500 × 1686 | 2500 × 843 |
| 適合按鈕數 | 三排、最多 11 格 | 一到兩排、最多 8 格 |
| 高度比較 | 是標準尺寸的兩倍 | 只有大型的一半,聊天內容看得比較多 |
| 圖片格式 | JPEG 或 PNG,檔案 1MB 以內 | |
| 適合情境 | 功能多、想放品牌大圖 | 預約為主、功能精簡 |
LINE 對圖文選單圖片的完整規格(可接受的寬高範圍、長寬比等)以 LINE Developers 官方文件為準。
以下是 VibeAI 選單設計頁提供的 9 種版型,每一格的像素就是系統實際切給 LINE 的點擊範圍。自己設計整張圖時,把按鈕畫在這些範圍的中間,手機上才點得準。
| 版型 | 尺寸 | 格數 | 每格像素(寬×高) |
|---|---|---|---|
| 3+4 | 標準 | 7 | 上排 833/833/834 × 421;下排 625 × 422 共 4 格 |
| 4+4 | 標準 | 8 | 上排 625 × 421 共 4 格;下排 625 × 422 共 4 格 |
| 2+3 | 標準 | 5 | 上排 1250 × 421 共 2 格;下排 833/833/834 × 422 |
| 1+2 | 標準 | 3 | 上排 2500 × 421;下排 1250 × 422 共 2 格 |
| 2x3 | 標準 | 6 | 每排 833/833/834,上排高 421、下排高 422 |
| 2x2 | 標準 | 4 | 1250 × 421 共 2 格;1250 × 422 共 2 格 |
| 左欄+1+2 | 標準 | 4 | 左欄 655 × 843;右上 1845 × 421;右下 922/923 × 422 |
| 左欄+3 | 標準 | 4 | 左欄 655 × 843;右側 615 × 843 共 3 格 |
| 3+4+4 | 大型 | 11 | 上排 833/833/834 × 562;中排與下排各 625 × 562 共 4 格 |
兩個「左欄」版型是給整張設計好的圖用的:左側一整欄放 Logo 或品牌圖,右側放按鈕。左欄約佔整張圖寬度的 26%,按鈕要畫在右側對應的區塊裡。
在 VibeAI 後台的「選單設計」頁可以直接做圖文選單,不需要另外開設計軟體。哪些免費、哪些要訂閱,整理如下:
| 方式 | 費用 | 說明 |
|---|---|---|
| 3+4 預設樣板 | 免費 | 系統自動產生圖示與文字,可選 LINE 綠、海洋藍、皇家紫、日落橘、暗黑五種配色 |
| 12 款一頁式設計範本 | 預覽免費,發布需訂閱 | 整張設計好的版面,自動帶入店名,可換六格功能與文字 |
| 3+4 以外的 8 種版型、自訂每格文字與動作 | 需訂閱 | 寵物、美容美甲、髮廊、醫美診所、健身房、餐廳等行業範本可以拿來當起點;用到這些付費項目時,發布需要訂閱 |
| 上傳自己的整張圖 | 需訂閱 | 搭配「整張設計圖模式」,每格不疊圖示與文字 |
「需訂閱」指的是「進階自訂選單」(99 點/月,1 點=NT$1;專業版 799 點/月已包含)。12 款一頁式範本分別是:編輯雜誌、手繪黑板、日系簡約、復古印刷、漸層玻璃、力量工業、清爽醫療、萌寵樂園、暗夜車庫、攝影底片、禪境流動、筆記教室。每一款都能先按「預覽」看帶入自己店名的實際效果,發布時會一起套用同風格的聊天主選單卡片。
後台側邊欄「LINE 官方帳號」點「選單設計」,停在第一個分頁「Rich Menu(底部選單)」。LINE 還沒完成連線時,畫面上方會有提醒;預覽不需要連線,可以先挑樣式。
想省事就從「一頁式設計範本」或「快速套用範本」挑一款;想自己配就選主題風格與佈局。三排的版型會自動用大型尺寸,兩排與左欄版型用標準尺寸。
在「每格設定」逐格挑動作,例如開始預約、查詢預約、領取票券、聯絡店家、打開網址。右側預覽圖上的格子點下去,會直接跳到那一格的設定卡片。
有設計好的整張圖時,在「背景圖片」上傳(標準 2500×843、大型 2500×1686),再打開「整張設計圖模式」,每格就不會再疊圖示與文字。
按藍色「發布到 LINE」,再把手機 LINE 聊天室關掉重開,就能看到新選單。
最常用的是兩種:大型 2500×1686 像素(三排按鈕)與標準 2500×843 像素(兩排以內)。圖片格式 JPEG 或 PNG,檔案要在 1MB 以內,實際規格以 LINE Developers 官方文件為準。
按鈕 7 個以內選標準尺寸,只佔聊天室下方較小的空間;需要 11 個按鈕、或想放大張品牌圖時選大型。VibeAI 會依版型自動決定:三排的版型用大型,兩排與左欄版型用標準。
有。VibeAI 的 3+4 版型預設樣板可以免費發布,並可選 LINE 綠、海洋藍、皇家紫、日落橘、暗黑五種配色。12 款一頁式設計範本可以免費預覽帶入自己店名的效果,發布則需要訂閱進階自訂選單(99 點/月,專業版已包含)。
可以,需訂閱進階自訂選單。在選單設計頁選對應的版型、上傳背景圖,再打開「整張設計圖模式」,每一格就不會再疊圖示和文字,只保留點下去要做的動作。圖要照版型的切法畫,按鈕才點得準。
設計稿寬 2500 像素時,按鈕文字建議至少 36 像素,並把主要文字放在每一格的中間區域,避開格子邊緣。發布前一定要用手機實際看一次。
先決定要幾個按鈕,再從表上挑版型與尺寸,最後照每格像素畫圖,就不會做完才發現點不準。想了解按鈕文案與配色,可以看LINE 圖文選單製作教學;還沒串好 LINE 官方帳號的話,先看LINE Messaging API 設定教學;想知道 LINE 官方帳號能不能直接收預約,可以讀LINE 官方帳號可以預約嗎。