Complete Creation Guidelines

Required Images and Creation Tips

Themes sold through LINE must be updated to support LINE's latest features.
Themes that have not yet been updated can continue to be sold with LINE's default images or existing images used instead.
Please see the updated guidelines and create the required images.
Note: These guidelines are updated every time specifications related to themes are announced with a new version of LINE.

A. Main Images
B. Menu Button Images
C. Menu Background Images
D. Passcode Image
E. Profile Images

F. Chat Background Image
G. Splash Image

A. Main Images

	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

Tips

Simply scale down the splash images (background, logo + graphic) to create these graphics.

Backgrounds cannot be made transparent. Please make your backgrounds non-transparent.

B. Menu Button Images

Quantity	Menu Button	Type	iOS			Android
Quantity	Menu Button	Type	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

Tips

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

Menu Button Image Notification Badges

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

C. Menu Background Images

Quantity	iOS			Android
Quantity	Image	File Name	Size	Image	File Name	Size
2		i_11.png	1472 x 150		a_11.png	640 x 112

Tips

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.

D. Passcode Image

Quantity	Passcode Digit	Type	iOS			Android
Quantity	Passcode Digit	Type	Image	File Name	Size	Image	File Name	Size
16	1	OFF		i_12.png	120 x 120		a_12.png	116 x 116
	1	ON		i_13.png			a_13.png
	2	OFF		i_14.png			a_14.png
	2	ON		i_15.png			a_15.png
	3	OFF		i_16.png			a_16.png
	3	ON		i_17.png			a_17.png
	4	OFF		i_18.png			a_18.png
	4	ON		i_19.png			a_19.png

Tips

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

E. Profile Images

Category	Quantity	iOS			Android
Category	Quantity	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	240 x 240		a_21.png	247 x 247

Tips

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

F. Chat Background Image

Category	Quantity	iOS			Android
Category	Quantity	Image	File Name	Size	Image	File Name	Size
Chat Background Image	2		i_22.png	1482 x 1334		a_22.png	1300 x 1300

Tips

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

Chat Screen Background Color

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.

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.

G. Splash Image

Category	Quantity	iOS			Android
Category	Quantity	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

· All sizes are in pixels.
· All images must be submitted in PNG format.
· Use a resolution of at least 72 dpi and RGB color mode.
· The maximum file size for each image is 1 MB.
· If submitting all image files in a single ZIP file, make sure the ZIP file is 30 MB or less.
· Image backgrounds must be transparent.
· You can optionally create a Menu Background Image and Chat Background Image. If you do not create them, the background design of the selected color skin will be used instead.

Tips

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

Splash Screen Background Color

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.

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.