iOS | Android | LINE STORE | |
---|---|---|---|
Quantity | 1 | 1 | 1 |
Size | 200 x 284 | 136 x 202 | 198 x 278 |
File Name | ios_thumbnail.png | android_thumbnail.png | store_thumbnail.png |
Simply scale down the splash images (background, logo + graphic) to create these graphics.
Backgrounds cannot be made transparent. Please make your backgrounds non-transparent.
Quantity | Menu Button |
Type | iOS | Android | ||||
---|---|---|---|---|---|---|---|---|
Image | File Name | Size | Image | File Name | Size | |||
36 | ![]() |
Friends OFF (Unselected) |
![]() |
i_01.png | 128 x 150 | ![]() |
a_01.png | 128 x 112 |
Friends ON (Selected) |
![]() |
i_02.png | ![]() |
a_02.png | ||||
![]() |
Home OFF |
![]() |
i_29.png | ![]() |
a_29.png | |||
Home ON |
![]() |
i_30.png | ![]() |
a_30.png | ||||
![]() |
Chats OFF |
![]() |
i_03.png | ![]() |
a_03.png | |||
Chats ON |
![]() |
i_04.png | ![]() |
a_04.png | ||||
![]() |
Timeline OFF |
![]() |
i_05.png | ![]() |
a_05.png | |||
Timeline ON |
![]() |
i_06.png | ![]() |
a_06.png | ||||
![]() |
Calls OFF |
![]() |
i_07.png | ![]() |
a_07.png | |||
Calls ON |
![]() |
i_08.png | ![]() |
a_08.png | ||||
![]() |
News OFF |
![]() |
i_25.png | ![]() |
a_25.png | |||
News ON |
![]() |
i_26.png | ![]() |
a_26.png | ||||
![]() |
More OFF |
![]() |
i_09.png | ![]() |
a_09.png | |||
More ON |
![]() |
i_10.png | ![]() |
a_10.png | ||||
![]() |
Wallet OFF |
![]() |
i_27.png | ![]() |
a_27.png | |||
Wallet ON |
![]() |
i_28.png | ![]() |
a_28.png | ||||
![]() |
TODAY OFF |
![]() |
i_31.png | Not required | ||||
TODAY ON |
![]() |
i_32.png | ||||||
![]() |
Voom OFF |
![]() |
i_33.png | |||||
Voom ON |
![]() |
i_34.png |
Please prepare menu images.
- The menu bar displayed to users will vary by service or region.
Home
Chats
Voom
News
Wallet
Home
Chats
Voom
TODAY
Wallet
Two variations are needed, one for when the tab is unselected (off) and one for when it's selected (on).
There should be a margin of around 10 pixels between the trimmed image and the content around it. Please consider the balance of the stickers when creating your designs.
OFF
ON
A notification badge icon with either a number or "N" mark will be shown over your menu button images.
The badge location cannot be changed, so we recommend keeping it in mind when designing your button images.
Note: The badge icon display is automatically controlled by the LINE app and doesn't require any additional images from creators.
The badges will appear over every tab menu button image.
iOS
128 × 150
Android
128 × 112
Badge size
33 × 33
The badge will be displayed over the top right corner of your menu button images with the following margins.
· Top: 49 pixels
· Right: 21 pixels
Quantity | iOS | Android | ||||
---|---|---|---|---|---|---|
Image | File Name | Size | Image | File Name | Size | |
2 | ![]() |
i_11.png | 1472 x 150 | ![]() |
a_11.png | 640 x 112 |
You can optionally create a menu background image. If you don't create one, the background design of the selected color skin or background color will be used instead.
The menu background is aligned to the left.
iOS
Keep the image height between 101 and 150 pixels. Background images shorter than this can't be made transparent. The image below has an illustration area 130 pixels high, with a transparent background extending 20 pixels above it.
Please prepare the image so that it can repeat seamlessly.
Any gaps in your transparent backgrounds may appear as black areas. Please check your theme thoroughly on the preview screen before submitting it.
Illustration height: 130 Transparent margin: 20Pattern150 px height
Android
The image is 640 × 112 pixels. Please prepare the image so that it can repeat seamlessly.
Transparent backgrounds aren't supported on some Android devices.
PatternHeight: 112
Important
The Android example shown above is from a version of LINE earlier than 9.6.0 and lacks a transparent background.
Menu images for LINE 9.6.0 and later use the iOS background image with its transparent background instead.
No changes to your image submissions are required due to this change.
- Due to system limitations, a border may be visible around images on some Android devices. Images may also be cut off on these devices.
- The images shown in the theme preview may differ from those of the final product.
Quantity | Passcode Digit | Type | iOS | Android | ||||
---|---|---|---|---|---|---|---|---|
Image | File Name | Size | Image | File Name | Size | |||
16 | 1 | OFF | ![]() |
i_12.png | 120 x 120 | ![]() |
a_12.png | 116 x 116 |
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 |
You can display the same image for all 4 digits, or a different image for each digit.
Two variations are needed, one for when the tab is unselected (off) and one for when it's selected (on).
Only 1 image
4 images
Category | Quantity | iOS | Android | ||||
---|---|---|---|---|---|---|---|
Image | File Name | Size | Image | File Name | Size | ||
Profile Image (Individual) |
2 | ![]() |
i_20.png | 240 x 240 | ![]() |
a_20.png | 247 x 247 |
Profile Image (Group) |
2 | ![]() |
i_21.png | ![]() |
a_21.png |
These images will be used as the default images for friends and groups with no profile image selected.
Profile images are cropped into a circle in the app, but when the image is tapped in the LINE app, all four corners of the image are displayed. Therefore, profile images should be designed to fill a rectangular space.
Please create different images for individuals and groups for easy identification.
Individual
Group
Category | Quantity | iOS | Android | ||||
---|---|---|---|---|---|---|---|
Image | File Name | Size | Image | File Name | Size | ||
Chat Background Image | 2 | ![]() |
i_22.png | 1482 x 1334 | ![]() |
a_22.png | 1300 x 1300 |
You can optionally create a chat background image. If you don't create one, the background design of the selected color skin or background color will be used instead.
iOS
Max: 1482 x 1334
Min: 60 x 60
Te display size for images in portrait mode is 640 x 1334.
Android
Maximum size: 1300 × 1300 px
Minimum size: 60 × 60 px
Graphics must always be centered and bottom-aligned regardless of device orientation.
Graphics will be aligned above the chat bar on iOS devices.
On Android devices, the graphics will be aligned beneath the chat bar. The chat bar may obscure the bottom portion of your graphic, so allow a suitably large margin at the bottom to prevent this.
Note: The theme preview provided after uploading your theme may differ from the actual device display.
As long as a graphic's size is within the specified minimum and maximum limits, any size is acceptable.
Images can be either transparent or opaque.
If an image's background is transparent, the graphic will be shown layered over the background design of the selected color skin.
Files must not exceed 1 MB.
TransparentBackground
Chat
If you use a chat screen background image, it may not fill all devices' screens. Any excess space is filled in with your theme's color skin by default. Use one of the following methods to prevent any jarring breaks.
• Select a background color that matches your chat screen's background color.
• Create a chat screen background image that matches your color skin.
• Keep your chat screen background image transparent to blend it with either your selected background color or color skin.
Image doesn't fill the screen | Set background color | Match with the color skin | Create transparent background image |
---|---|---|---|
![]() Color skin Chat Background Image |
![]() |
![]() |
![]() |
The top of the image doesn't fill the screen, revealing the color skin. |
Select a background color that matches the chat screen background image's color. |
Select a background color that matches the color skin. |
Keep the background image transparent to blend with either your selected background color or the color skin. |
Category | Quantity | iOS | Android | ||||
---|---|---|---|---|---|---|---|
Image | File Name | Size | Image | File Name | Size | ||
Splash Image (Background) |
1 | - | - | - | ![]() |
a_23.png | 1300 x 1300 |
Splash Image (Logo + Graphic) |
1 | - | - | - | ![]() |
a_24.png | 480 x 720 |
Images may be displayed with cropped top and bottom areas when shown on the preview screen and LINE STORE. Please note that this issue may also apply to images displayed across different devices.
Background
Used on the entire screen.
Logo + Graphic
Place the logo at the top of the image and the graphic near the middle.
Logo + Graphic must have a transparent background.
Logo + Graphic will appear centered on-screen against the background image.
Background and Logo + Graphic
Logo + Graphic
If you use a splash screen background image, it may not fill all devices' screens. Any excess space is filled in with your theme's color skin by default. Use one of the following methods to prevent any jarring breaks.
• Select a background color that matches your splash screen's background color.
• Create a splash screen background image that matches your color skin.
Image doesn't fill the screen | Set background color | Match with the color skin |
---|---|---|
![]() Color skin Splash Background Image |
![]() |
![]() |
The top of the image doesn't fill the screen, revealing the color skin. |
Select a background color that matches the splash screen background image's color. |
Select a splash screen background image that matches the color skin. |