リッチメニューの画像を作るとき、最初につまずきやすいのが「どのサイズで作ればいいのか」です。実は、LINE Official Account Manager(管理画面)で作る場合と、Messaging APIで作る場合とで、受け付けられる画像の条件が違います。この記事では、公式ドキュメントの内容をもとに両者を整理します。
管理画面(LINE Official Account Manager)で作る場合
管理画面では、まず「大」「小」のどちらかのテンプレートを選び、その大きさに合わせて画像をアップロードします。アップロードできる画像サイズは次の6パターンです。
| テンプレート | 画像サイズ(幅×高さ) |
|---|---|
| 大 | 2500×1686px / 1200×810px / 800×540px |
| 小 | 2500×843px / 1200×405px / 800×270px |
ファイル形式はJPG・JPEG・PNGで、容量は1MB以下が目安です(公式マニュアルのアプリ版の説明に記載があります)。
迷ったら、大なら2500×1686px、小なら2500×843pxで作っておくと、スマホの高解像度な画面でもきれいに表示されます。
Messaging APIで作る場合
Messaging APIでは、固定のサイズではなく「範囲」で条件が決まっています。
| 項目 | 条件 |
|---|---|
| ファイル形式 | JPEG または PNG |
| ファイルサイズ | 1MB以下 |
| 幅 | 800px以上 2500px以下 |
| 高さ | 250px以上 |
| アスペクト比(幅÷高さ) | 1.45以上 |
公式リファレンスの例では2500×1686pxが使われていますが、上の条件を満たしていれば、ほかのサイズでも登録できます。たとえば2500×1200pxのような、管理画面にはない比率も使えます。
注意:Messaging APIでは、一度リッチメニューに設定した画像を差し替えることはできません。画像を変えたいときは、リッチメニューを新しく作り直す必要があります。
よくある失敗と対策
1MBを超えてアップロードできない
2500px幅のPNGは、写真やグラデーションが多いと1MBを超えがちです。JPEGで書き出すか、PNGのまま減色・圧縮してから登録しましょう。
縦長・正方形の画像が登録できない
Messaging APIではアスペクト比(幅÷高さ)が1.45以上である必要があります。1:1の正方形や縦長の画像は登録できません。
文字が小さくて読めない
リッチメニューはスマホの画面幅いっぱいに縮小して表示されます。2500px幅で作った画像は、実際には数分の1のサイズで見られることになります。ボタンのラベルは太く大きめにし、1ボタンに載せる情報は絞りましょう。
ボタンの位置とタップ領域がずれる
画像のボタンの位置と、タップ領域(タップしたときに反応する範囲)の座標は別々に設定します。画像を作り直したときは、タップ領域も合わせて見直してください。タップ領域は1つのリッチメニューに最大20個まで設定できます。
まとめ
- 管理画面で作るなら、大は2500×1686px、小は2500×843pxが基本
- Messaging APIなら「幅800〜2500px・高さ250px以上・比率1.45以上・1MB以下」の範囲で自由
- 画像を変えるときは、APIではリッチメニューごと作り直しになる
richmenu-aiでは、LINEの規格に合わせたリッチメニュー画像をAIと会話しながら作れます。タップ領域も画像に合わせて自動で設定されるので、サイズやずれを気にせずに作成できます。