# LINEミニアプリのアイコンを作成する
LINEミニアプリのアイコンは、チャネル同意画面やホームタブ、LINEメッセージ、サービスメッセージなど、さまざまな場所で使用されます。このページでは、アイコンを作成する際に従うべきガイドラインと、アイコン用の画像をアップロードする方法を示します。
# LINEミニアプリのアイコンの掲載場所
LINEミニアプリのアイコンの主な掲載場所は以下のとおりです。
# ガイドライン
LINEミニアプリのアイコンは、特にモバイル端末において小さく表示されることがあります。どのような場所であってもユーザーがアイコンを視認できるよう、以下のガイドラインに従ってアイコンをデザインしてください。
# 【必須】アイコンのサイズ
アイコンの背景領域(BG SIZE)のサイズは、130x130pxにしてください。
# 【必須】ロゴのサイズ
ロゴのサイズ(LOGO SIZE)は、最小で54x54px、最大で90x90pxにしてください。なお、54x54pxから76x76pxにすることを推奨します。
# 【推奨】ロゴのデザイン
ロゴの視認性と品質を常に保つために、ロゴは単独のシンボルまたはワードマークとしてデザインしてください。
# アイコン用の画像をアップロードする方法
LINE Developersコンソールの[チャネル基本設定]タブにある[チャネルアイコン]より、アイコン用の画像をアップロードします。アイコンとして利用可能なファイルフォーマットは、PNGとJPEGのみです。
アップロードしたアイコン用の画像は自動で切り抜かれ、アイコンの背景が透過されます。このとき、プレビュー画像において、ロゴが緑の正方形の中に収まっていることを確認してください。
# PSD形式のテンプレートファイルをもとに作成する(任意)
アイコンの作成に利用できるPSD形式のテンプレートファイルを提供しています。テンプレートファイルを用いることで、アイコンのアウトラインを設定できます。アウトラインを設定することで、LINEアプリ上でアイコンと同系色の背景の前面にアイコンが掲載された場合でも、アイコンを認識しやすくなります。以下の「テンプレートファイル(PSD形式)」をダウンロードした上で、アイコンを作成してください。
テンプレートファイル(PSD)をダウンロードする (opens new window)
# 【推奨】アイコンの色
テンプレートファイルをもとにアイコンを作成する際は、背景領域の色(Background color)に応じて、輪郭色(Outline Color)を指定してください。このとき、テンプレートファイルにおいて、背景色のタイプを選択することを推奨します。また、テンプレートファイルの未使用のレイヤーは非表示にした上で保存してください。
背景領域の色(Background color) | 輪郭色(Outline color) | 輪郭色の透明度(Outline opacity) |
---|---|---|
白(#FFFFFF) | 黒(#000000) | 12% |
黒(#000000 または #181818) | 白(#FFFFFF) | 8% |
その他の色 | 黒(#000000) | 8% |