iOS | Android | LINE STORE | |
---|---|---|---|
개수 | 1개 | 1개 | 1개 |
크기 | 너비 200 x 높이 284 | 너비 136 x 높이 202 | 너비 198 x 높이 278 |
파일 이름 | ios_thumbnail.png | android_thumbnail.png | store_thumbnail.png |
스플래시 이미지(배경, 로고 + 일러스트)를 축소하면 기본 이미지를 간편하게 만들 수 있어요.
배경을 투명하게 만들 수 없습니다.배경을 투명하지 않게 설정해 주세요.
개수 | 메뉴 버튼 |
유형 | iOS | Android | ||||
---|---|---|---|---|---|---|---|---|
이미지 | 파일 이름 | 크기 | 이미지 | 파일 이름 | 크기 | |||
36개 | ![]() |
친구 OFF (선택 안 함) |
![]() |
i_01.png | 너비 128 x 높이 150 | ![]() |
a_01.png | 너비 128 x 높이 112 |
친구 ON (선택) |
![]() |
i_02.png | ![]() |
a_02.png | ||||
![]() |
홈 OFF |
![]() |
i_29.png | ![]() |
a_29.png | |||
홈 ON |
![]() |
i_30.png | ![]() |
a_30.png | ||||
![]() |
대화방 OFF |
![]() |
i_03.png | ![]() |
a_03.png | |||
대화방 ON |
![]() |
i_04.png | ![]() |
a_04.png | ||||
![]() |
타임라인 OFF |
![]() |
i_05.png | ![]() |
a_05.png | |||
타임라인 ON |
![]() |
i_06.png | ![]() |
a_06.png | ||||
![]() |
통화 OFF |
![]() |
i_07.png | ![]() |
a_07.png | |||
통화 ON |
![]() |
i_08.png | ![]() |
a_08.png | ||||
![]() |
뉴스 OFF |
![]() |
i_25.png | ![]() |
a_25.png | |||
뉴스 ON |
![]() |
i_26.png | ![]() |
a_26.png | ||||
![]() |
더보기 OFF |
![]() |
i_09.png | ![]() |
a_09.png | |||
더보기 ON |
![]() |
i_10.png | ![]() |
a_10.png | ||||
![]() |
월렛 OFF |
![]() |
i_27.png | ![]() |
a_27.png | |||
월렛 ON |
![]() |
i_28.png | ![]() |
a_28.png | ||||
![]() |
TODAY OFF |
![]() |
i_31.png | 불필요 | ||||
TODAY ON |
![]() |
i_32.png | ||||||
![]() |
VOOM OFF |
![]() |
i_33.png | |||||
VOOM ON |
![]() |
i_34.png |
메뉴 이미지를 제작해 주세요.
- 메뉴바는 서비스나 지역에 따라 다르게 표시됩니다.
홈
대화
VOOM
뉴스
월렛
홈
대화
VOOM
TODAY
월렛
해당 탭을 선택하지 않았을 때(사용 안 함)와 해당 탭을 선택했을 때(사용)의 두 가지 버전으로 제출해야 합니다.
트리밍된 이미지와 콘텐츠 사이에는 약간의(10픽셀 정도) 여백이 필요합니다. 상하좌우 밸런스를 고려해 디자인해 주세요.
OFF
ON
숫자나 'N'이 표시된 알림 배지는 메뉴 버튼 이미지 위에 표시됩니다.
배지 위치는 고정되어 있으므로 버튼 이미지를 디자인할 때 이 점에 유의하시기 바랍니다.
참고: 배지 아이콘은 LINE 앱에서 자동으로 표시하므로 작성자는 추가 이미지를 제작할 필요가 없습니다.
배지는 모든 탭 메뉴 버튼 이미지 위에 표시됩니다.
iOS
128×150px
Android
128×112px
배지 크기
33 × 33
배지는 메뉴 버튼 이미지의 오른쪽 위에 표시되며 여백은 다음과 같습니다.
· 상단: 49픽셀
· 오른쪽: 21픽셀
개수 | iOS | Android | ||||
---|---|---|---|---|---|---|
이미지 | 파일 이름 | 크기 | 이미지 | 파일 이름 | 크기 | |
2개 | ![]() |
i_11.png | 너비 1472 x 높이 150 | ![]() |
a_11.png | 너비 640 x 높이 112 |
메뉴 배경 이미지는 선택 사항이며, 메뉴 배경 이미지를 만들지 않으면 기존에 선택한 컬러 스킨이나 배경 색상이 배경 디자인으로 사용됩니다.
메뉴 배경을 왼쪽에 맞춰 정렬합니다.
iOS
이미지의 세로 크기는 101~150픽셀로 제한해 주세요. 이미지의 세로 크기가 이보다 작을 경우 배경이 투명하게 표시되지 않습니다. 참고로 아래 이미지의 일러스트는 세로 130픽셀, 투명 배경 부분은 20픽셀로 제작되었습니다.
배경 이미지는 양쪽 끝이 자연스럽게 이어지도록 준비해 주세요.
투명 배경에 공백이 있을 경우 해당 부분이 검은색으로 표시됩니다. 테마를 제출하기 전에 미리보기 화면에서 꼼꼼히 확인해 주세요.
일러스트 높이: 130픽셀 투명 여백: 20픽셀이미지 경계세로 150픽셀
Android
이미지 크기는 640 × 112픽셀입니다. 배경 이미지는 반복 표시되므로 양쪽 끝이 자연스럽게 이어지도록 준비해 주세요.
일부 Android 기기에서는 투명 배경이 지원되지 않을 수 있습니다.
이미지 경계높이: 112픽셀
[주의 사항]
위 Android용 예시는 LINE 9.6.0 미만 버전에 적용된 것이며, 배경은 투명으로 표시되지 않습니다.
LINE 9.6.0 이상 버전에서는 메뉴 이미지에 배경이 투명한 iOS 배경 이미지가 사용됩니다.
참고로 버전별 차이에 따라 제출하시는 이미지를 별도로 변경하실 필요는 없습니다.
- 시스템 상의 이유로 일부 Android 기기에서는 이미지의 양쪽 테두리가 표시되거나 이미지 일부가 잘릴 수있습니다.
- 실제 테마는 테마 미리보기와 다르게 표시될 수 있습니다.
개수 | 비밀번호 이미지 | 유형 | iOS | Android | ||||
---|---|---|---|---|---|---|---|---|
이미지 | 파일 이름 | 크기 | 이미지 | 파일 이름 | 크기 | |||
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 |
4자리 모두 동일한 이미지를 사용하거나, 각기 다른 이미지를 사용할 수 있습니다.
해당 탭을 선택하지 않았을 때(사용 안 함)와 해당 탭을 선택했을 때(사용)의 두 가지 버전으로 제출해야 합니다.
이미지 1개만 사용 시
이미지 4개 사용 시
카테고리 | 개수 | iOS | Android | ||||
---|---|---|---|---|---|---|---|
이미지 | 파일 이름 | 크기 | 이미지 | 파일 이름 | 크기 | ||
프로필 이미지 (개별 화면) |
2개 | ![]() |
i_20.png | 너비 240 x 높이 240 | ![]() |
a_20.png | 너비 247 x 높이 247 |
프로필 이미지 (그룹 대화방) |
2개 | ![]() |
i_21.png | ![]() |
a_21.png |
해당 이미지는 프로필 이미지를 선택하지 않은 친구 및 그룹의 기본 이미지로 사용됩니다.
앱에서는 프로필 이미지가 원 모양으로 나타나지만, LINE 앱에서 이미지를 누르면 모서리까지 완전한 이미지가 표시됩니다.프로필 이미지의 모서리 부분까지 꼼꼼하게 만들어 주세요.
손쉽게 식별이 가능하도록 개별 이미지와 그룹 이미지를 따로 만들어 주세요.
프로필 이미지(개인)
프로필 이미지(그룹)
카테고리 | 개수 | iOS | Android | ||||
---|---|---|---|---|---|---|---|
이미지 | 파일 이름 | 크기 | 이미지 | 파일 이름 | 크기 | ||
대화방 배경 이미지 | 2개 | ![]() |
i_22.png | 너비 1482 x 높이 1334 | ![]() |
a_22.png | 너비 1300 x 높이 1300 |
대화방 배경 이미지는 선택 사항이며, 대화방 배경 이미지를 만들지 않으면 기존에 선택한 컬러 스킨이나 배경 색상이 배경 디자인으로 사용됩니다.
iOS
최대: 너비 1482 x 높이 1334
최소: 너비 60 x 높이 60
세로 모드의 경우 이미지 표시 크기는 너비 640 x 높이 1334입니다.
Android
최대 크기: 1300×1300 px
최소 크기: 60×60 px
일러스트는 가로 모드나 세로 모드에 관계 없이 중앙 정렬 및 하단 정렬해야 합니다.
iOS 기기의 경우 일러스트가 대화 입력창 위에 맞춰 표시됩니다.
Android 기기의 경우 일러스트가 대화 입력창 아래에 맞춰 표시됩니다. 일러스트 아랫부분이 대화 입력창에 가려지지 않도록 일러스트 하단에 충분한 여백을 남겨주세요.
참고: 실제 기기에서는 테마가 미리보기와 다르게 표시될 수 있습니다.
일러스트는 지정된 최소 및 최대 크기 내에서 제작 가능합니다.
이미지 배경은 투명 또는 불투명으로 설정할 수 있습니다.
이미지 배경을 투명으로 설정한 경우 기존에 선택한 컬러 스킨 위에 일러스트가 표시됩니다.
파일 크기는 1MB 이하여야 합니다
투명배경
대화방
대화방 화면 배경 이미지를 사용하면 일부 기기에서는 화면에 빈 공간이 생길 수 있습니다. 빈 공간은 현재 사용 중인 테마의 컬러 스킨으로 채워집니다. 배경 이미지 이외의 빈 공간 문제를 해결하려면 다음 방법 중 하나를 사용해 보세요.
• 대화방 화면의 배경과 일치하는 배경 색상을 선택하세요.
• 컬러 스킨과 일치하는 대화방 화면 배경 이미지를 만드세요.
• 대화방 배경 이미지를 투명하게 만들어 현재 선택된 배경 색상이나 컬러 스킨과 겹치게 해보세요.
이미지가 화면을 완전히 채우지 않음 | 배경 색상 설정 | 컬러 스킨에 맞추기 | 투명한 배경 이미지 만들기 |
---|---|---|---|
![]() 컬러 스킨 대화방 배경 이미지 |
![]() |
![]() |
![]() |
이미지의 윗부분이 화면을 채우지 못해 컬러 스킨으로 채워집니다. |
대화방 화면 배경 이미지와 일치하는 배경 색상을 선택하세요. |
컬러 스킨과 일치하는 배경 색상을 선택하세요. |
배경 이미지를 투명하게 만들어 현재 선택된 배경 색상이나 컬러 스킨과 겹치게 해보세요. |
카테고리 | 개수 | iOS | Android | ||||
---|---|---|---|---|---|---|---|
이미지 | 파일 이름 | 크기 | 이미지 | 파일 이름 | 크기 | ||
스플래시 이미지 (배경) |
1개 | - | - | - | ![]() |
a_23.png | 너비 1300 x 높이 1300 |
스플래시 이미지 (로고 + 일러스트) |
1개 | - | - | - | ![]() |
a_24.png | 너비 480 x 높이 720 |
LINE STORE와 미리보기 화면에서 이미지 상단 또는 하단이 잘릴 수 있으며 일부 기기에서 동일한 문제가 발생할 수 있다는 점을 유념해 주세요.
배경
전체 화면에 표시됩니다.
로고 + 일러스트
로고는 배경 이미지 상단에, 일러스트는 가운데 부근에 배치해 주세요.
로고 및 일러스트의 배경은 투명으로 설정해야 합니다.
로고 및 일러스트는 기기 화면의 가운데, 배경 이미지 위에 표시됩니다.
배경 및 이미지 + 일러스트
로고 + 일러스트
스플래시 배경 이미지를 사용하면 일부 기기에서는 화면에 빈 공간이 생길 수 있습니다. 빈 공간은 현재 사용 중인 테마의 컬러 스킨으로 채워집니다. 배경 이미지와 컬러 스킨이 어울리지 못하는 문제를 해결하려면 다음 방법 중 하나를 사용해 보세요.
• 스플래시의 배경 색상과 일치하는 배경 색상을 선택하세요.
• 컬러 스킨과 일치하는 색상으로 스플래시 배경 이미지를 만드세요.
이미지가 화면을 완전히 채우지 않음 | 배경 색상 설정 | 컬러 스킨에 맞추기 |
---|---|---|
![]() 컬러 스킨 스플래시 배경 이미지 |
![]() |
![]() |
이미지의 윗부분이 화면을 채우지 못해 컬러 스킨으로 채워집니다. |
스플래시 배경 이미지와 일치하는 배경 색상으로 선택하세요. |
컬러 스킨과 일치하는 스플래시 배경 이미지를 만드세요. |