制作ガイドライン(詳細)
必要な画像と制作ポイント
着せかえの販売をそのまま続けることもできますが、新機能に対応していない着せかえにはデフォルト画像が自動的に適用されます。そのため、新機能に対応した新しい画像を追加することをお勧めします。
新機能に対応した画像のつくり方については、制作ガイドラインを確認してください。
LINEの最新バージョンで着せかえの仕様が変更されると、制作ガイドラインも一緒に変更されます。
-
iOSおよびAndroidの一部の画像が不要になりました。そのため、画像の番号は連番ではありません。
「着せかえの編集」画面に画像のファイル名を追加しましたので参考にしてください。
編集画面イメージ
A メイン画像
LINE STOREやLINE着せかえショップで表示されるメインの画像です。
制作ポイント
背景を透過にすることはできません。必ず非透過でつくってください。
必要なメイン画像の合計：3個
| iOS | Android | LINE STORE | |
|---|---|---|---|
| 必要数 | 1個 | 1個 | 1個 |
| サイズ | 横200px × 縦284px | 横136px × 縦202px | 横198px × 縦278px |
| ファイル名 | ios_thumbnail.png | android_thumbnail.png | store_thumbnail.png |
B メニューボタン画像
- iOSおよびAndroidの一部の画像が不要になりました。
制作ポイント
メニュー画像を準備してください。
※国によって表示されるメニューが異なります。
ホーム
トーク
VOOM
ニュース
ウォレット
ホーム
トーク
VOOM
TODAY
ウォレット
未選択時(OFF)と選択時(ON)の2パターンが必要です。
トリミングされた画像の外枠とコンテンツの間には10pxぐらいの余白が必要です。画像をつくるときは上下左右のバランスに注意してください。
OFF
ON
メニューボタン画像上に表示されるバッジについて
バッジ（数字や「N」のアイコン）は、メニューボタン画像の上に表示されます。
バッジが表示される位置は変更できません。
バッジはLINEアプリで自動的に表示されるため、つくる必要はありません。
すべてのメニューにバッジが表示されます。
バッジサイズ
横33px × 縦33px
メニューボタン画像サイズに対し、下記の位置に表示されます。
・上から49px
・右から21px
必要な画像
| 必要数 | メニューボタン画像 | サイズ | |||||||
|---|---|---|---|---|---|---|---|---|---|
| タイプ |  ホーム |
 トーク |
 VOOM |
 通話 |
 ニュース |
 TODAY |
 ウォレット |
||
| 14個 | OFF |  i_29.png |
 i_03.png |
 i_33.png |
 i_07.png |
 i_25.png |
 i_31.png |
 i_27.png |
横128px × 縦150px |
| ON |  i_30.png |
 i_04.png |
 i_34.png |
 i_08.png |
 i_26.png |
 i_32.png |
 i_28.png |
||
C メニュー背景画像
- Androidの画像が不要になりました。
メニュー背景画像は任意で制作してください。画像の準備がない場合は指定したカラースキン、または背景色が適用されます。
メニュー背景画像は左揃えで配置します。
制作ポイント
画像サイズは、縦100px〜150pxで設定してください。縦0px～100pxの背景画像は透過にできません（101px～150pxの画像は透過にできます）。
以下の画像では、イラスト部分が130pxで、透過部分は20pxになります。
背景画像は繰り返しで表示されるため、画像の両端の絵柄がつながるようにしてください。
※背景を透過にすると、透過させた部分が黒く表示されることがあります。そのため、プレビュー画面で必ず確認してから審査をリクエストしてください。
イラスト部分 130px 透過部分 20pxリピート部分縦150px
必要な画像
| 必要数 | メニュー背景画像 | ファイル名 | サイズ |
|---|---|---|---|
| 1個（任意） |  |
i_11.png | 横1472px × 縦150px |
D パスコード画像
パスコード設定時の画像です。
未選択時(OFF)と選択時(ON)の2パターンが必要です。
制作ポイント
4桁を1種類の画像で表示、または4種類の画像で表示する方法があります。
1種類の画像で表示した場合
4種類の画像で表示した場合
必要な画像
| 必要数 | パスコード画像 | タイプ | iOS | Android | ||||
|---|---|---|---|---|---|---|---|---|
| 画像 | ファイル名 | サイズ | 画像 | ファイル名 | サイズ | |||
| 16個 | 1 | OFF |  |
i_12.png | 横120px × 縦120px |  |
a_12.png | 横116px × 縦116px |
| ON |  |
i_13.png |  |
a_13.png | ||||
| 2 | OFF |  |
i_14.png |  |
a_14.png | |||
| ON |  |
i_15.png |  |
a_15.png | ||||
| 3 | OFF |  |
i_16.png |  |
a_16.png | |||
| ON |  |
i_17.png |  |
a_17.png | ||||
| 4 | OFF |  |
i_18.png |  |
a_18.png | |||
| ON |  |
i_19.png |  |
a_19.png | ||||
E プロフィール画像
プロフィール画像を設定していない場合に表示される、個人用とグループ用の画像です。
制作ポイント
プロフィール画像は自動的に丸くトリミングされますが、LINEアプリでプロフィール画像がタップされると、画像の四隅まで表示されます。そのため、プロフィール画像は外側まで丁寧につくってください。
プロフィール画像（個人）
プロフィール画像（グループ）
必要な画像
| 名称 | 必要数 | iOS | Android | ||||
|---|---|---|---|---|---|---|---|
| 画像 | ファイル名 | サイズ | 画像 | ファイル名 | サイズ | ||
| プロフィール画像 （個人） |
2個 |  |
i_20.png | 横240px × 縦240px |  |
a_20.png | 横247px × 縦247px |
| プロフィール画像 （グループ） |
2個 |  |
i_21.png |  |
a_21.png | ||
F トークルーム背景画像
メッセージ入力欄
透過・背景
トークルーム画面
トークルーム背景画像は任意で制作してください。画像の準備がない場合は、指定したカラースキン、または背景色が適用されます。
画像は、端末の向きに関係なく中央下揃えで表示されます。
制作ポイント
画像サイズは、最小値～最大値の間であればどのサイズでも大丈夫です。また、透過と非透過のどちらの画像も使えます。
※透過の画像を使うとカラースキンと重なって画像が表示されます。
画像の容量は1MB以下にしてください。
iOS
最大サイズ：横1482px × 縦1334px
最小サイズ：横60px × 縦60px
配置場所：メッセージ入力欄の上
※端末が縦向きのときのサイズは、横640px × 縦1334pxです。
Android
最大サイズ：横1300px × 縦1300px
最小サイズ：横60px × 縦60px
配置場所：メッセージ入力欄の下
※画像の下の部分がメッセージ入力欄と重なるため、メッセージ入力欄の高さを考慮して画像をつくってください。
必要な画像
| 名称 | 必要数 | iOS | Android | ||||
|---|---|---|---|---|---|---|---|
| 画像 | ファイル名 | サイズ | 画像 | ファイル名 | サイズ | ||
| トークルーム背景画像 | 2個（任意） |  |
i_22.png | 横1482px × 縦1334px | |
a_22.png | 横1300px × 縦1300px |
トークルーム背景色について
トークルーム背景画像を登録した場合、画面サイズが大きい一部の端末では画像の上部が切れ、カラースキンが表示されます。画像が切れて見えるのを防ぐため、下記のいずれかの方法を推奨しています。
・トークルーム背景画像に合わせて、背景色を指定する
・カラースキンの色に合わせて、トークルーム背景画像を制作する
・トークルーム背景画像は透過し、背景色 or カラースキンに重ねる
| 画像が切れて見える | 背景色を指定 | カラースキンに合わせる | 背景画像を透過で作成 |
|---|---|---|---|
カラースキン トークルーム背景画像 |
 |
 |
 |
画像上部が切れ、カラースキンの背景色が表示される |
トークルーム背景画像に合わせて、背景色を指定する |
カラースキンの色に合わせて、トークルーム背景画像を制作する |
トークルーム背景画像は透過し、背景色 or カラースキンに重ねる |
