訊息與內容

LINE 訊息圖片尺寸:做之前先確認比例

LINE 各種訊息類型的圖片規格不同:圖文選單有固定的大小版型,熱區圖片與圖文訊息的主視覺則以比例為準。做之前先確認比例,比做完再裁快得多。

Flex 訊息的三種做法單頁訊息是一張可自訂的卡片,封面加標題加內文加多顆按鈕;多頁訊息是多張卡片橫向滑動,最多 12 張;熱區圖片則是在整張圖上劃出多個可點擊區塊。單頁訊息封面 圖 / 影片按鈕 · 開連結按鈕 · 貼標籤多頁訊息 · 最多 12 張橫向滑動 · 推播給 1 人算 1 則,與張數無關熱區圖片區塊 A區塊 B區塊 C每塊各自掛連結或觸發文字
Flex 訊息的三種做法

柔兒數位(Gentler Digit)寫的 ・ 最後更新 2026-09-03

為什麼比例比尺寸重要

LINE 會依裝置縮放圖片,所以絕對像素沒有比例來得關鍵。比例對了,在各種螢幕上都不會變形;比例錯了,不管做多大都會被裁掉或留白。

實務上最常發生的問題不是解析度不夠,是設計稿的比例跟目標版型不一樣,導致重要的字或商品被切掉。

三種常用圖片的準備方式

  • 圖文選單:LINE 提供固定的版型大小,選好版型之後依該版型的比例出圖,切格由編輯器處理,不用自己算座標
  • 熱區圖片:一張完整的圖,之後在編輯器上劃分可點區塊。出圖時要預留區塊之間的視覺分界,否則使用者不知道哪裡可以點
  • 圖文訊息主視覺:以橫幅比例為主,重要元素置中,避免貼近邊緣

三個最常見的踩雷點

  1. 1

    重要資訊貼邊

    不同裝置的裁切位置略有差異,貼在邊緣的文字或商品最容易被切掉。重要元素往中間放。

  2. 2

    圖上燒小字

    圖片會被壓縮,小字在手機上會糊。要讀的資訊放文字區塊,不要燒在圖裡。

  3. 3

    檔案過大

    圖太大在網路較慢時載不出來,好友看到的是空白。輸出前先壓縮,肉眼看不出差別的壓縮率通常就夠。

做之前的檢查清單

  • 確認要用哪一種訊息類型,再依該類型的比例出圖
  • 重要元素離邊緣留安全距離
  • 輸出後在手機上實際看一次,不要只在電腦預覽
  • 檔案壓縮過再上傳
  • 熱區圖片要讓人看得出哪裡可以點

常見問題

LINE 圖文選單的圖片要做多大?

依你選的版型而定,LINE 提供幾種固定版型大小。用編輯器選好版型後依該比例出圖即可,切格與座標由系統處理。

LINE 圖片的比例錯了會怎樣?

會被裁切或留白,最常見的後果是重要的文字或商品被切掉。比例比絕對像素重要。

LINE 圖片可以放文字嗎?

可以,但只放大字。圖片會被壓縮,小字在手機上會糊掉,要讀的資訊應該放在文字區塊。

圖片檔案太大會有影響嗎?

會。網路較慢時圖片載不出來,好友看到的是空白訊息。輸出前壓縮過再上傳。

想實際做做看?

這篇講的圖文選單、自動貼標、分眾推播,LINE Boost 都做得到——柔兒數位自己每天在用的那一套。