リッチメニューの画像を作るとき、最初につまずきやすいのが「どのサイズで作ればいいのか」です。実は、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と会話しながら作れます。タップ領域も画像に合わせて自動で設定されるので、サイズやずれを気にせずに作成できます。

参考(公式ドキュメント)