制作ガイドライン(詳細)

必要な画像と制作ポイント

LINEで販売している着せかえについて、LINEアプリで新機能がリリースされると、新しい画像が必要になることがあります。
着せかえの販売をそのまま続けることもできますが、新機能に対応していない着せかえにはデフォルト画像が自動的に適用されます。そのため、新機能に対応した新しい画像を追加することをお勧めします。
新機能に対応した画像のつくり方については、制作ガイドラインを確認してください。
LINEの最新バージョンで着せかえの仕様が変更されると、制作ガイドラインも一緒に変更されます。

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

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 カラースキンに重ねる