전체 제작 가이드라인
필수 이미지 및 제작 팁
단, 이미지를 추가하지 않아도 테마는 계속 판매할 수 있으며 이 경우 LINE 기본 이미지나 기존 이미지가 대신 사용됩니다.
업데이트된 가이드라인에 따라 필요한 이미지를 제작해 주세요.
참고: 본 가이드라인은 LINE의 테마 사양이 변경될 때마다 업데이트됩니다.
-
iOS 및 Android 일부 이미지가 더 이상 필요하지 않아 생략됩니다.이에 따라 일부 이미지의 번호가 연속되지 않을 수 있습니다.
테마 편집 화면에 이미지 파일 이름을 추가했으니 참고해 주세요.
편집 화면 이미지
A. 기본 이미지
LINE STORE 및 LINE 테마 샵에서 표시되는 기본 이미지입니다.
도움말
배경을 투명하게 만들 수 없습니다.배경을 투명하지 않게 설정해 주세요.
필요 기본 이미지 합계: 3
| 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 |
B. 메뉴 버튼 이미지
- iOS 및 Android 일부 이미지가 더 이상 필요하지 않습니다.
도움말
메뉴 이미지를 제작해 주세요.
- 메뉴바는 서비스나 지역에 따라 다르게 표시됩니다.
홈
대화
VOOM
뉴스
월렛
홈
대화
VOOM
TODAY
월렛
해당 탭을 선택하지 않았을 때(사용 안 함)와 해당 탭을 선택했을 때(사용)의 두 가지 버전으로 제출해야 합니다.
트리밍된 이미지와 콘텐츠 사이에는 약간의(10픽셀 정도) 여백이 필요합니다. 상하좌우 밸런스를 고려해 디자인해 주세요.
OFF
ON
메뉴 버튼 이미지 알림 배지
숫자나 'N'이 표시된 알림 배지는 메뉴 버튼 이미지 위에 표시됩니다.
배지 위치는 고정되어 있으므로 버튼 이미지를 디자인할 때 이 점에 유의하시기 바랍니다.
참고: 배지 아이콘은 LINE 앱에서 자동으로 표시하므로 작성자는 추가 이미지를 제작할 필요가 없습니다.
배지는 모든 탭 메뉴 버튼 이미지 위에 표시됩니다.
배지 크기
33 × 33
배지는 메뉴 버튼 이미지의 오른쪽 위에 표시되며 여백은 다음과 같습니다.
· 상단: 49픽셀
· 오른쪽: 21픽셀
필수 이미지
| 개수 | 메뉴 버튼 이미지 | 크기 | |||||||
|---|---|---|---|---|---|---|---|---|---|
| 유형 |  홈 |
 대화 |
 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 |
128×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 이미지가 더 이상 필요하지 않습니다.
메뉴 배경 이미지는 선택 사항이며, 메뉴 배경 이미지를 만들지 않으면 기존에 선택한 컬러 스킨이나 배경 색상이 배경 디자인으로 사용됩니다.
메뉴 배경을 왼쪽에 맞춰 정렬합니다.
도움말
이미지의 세로 크기는 100~150픽셀 사이여야 합니다.101픽셀 미만의 배경 이미지는 투명하게 만들 수 없습니다. 투명 기능을 사용하려면 세로 크기를 101~150픽셀 사이로 유지해 주세요.
아래의 이미지에서 그림 부분은 130픽셀이고 투명한 부분은 20픽셀입니다.
배경 이미지는 양쪽 끝이 자연스럽게 이어지도록 준비해 주세요.
투명 배경에 공백이 있을 경우 해당 부분이 검은색으로 표시됩니다. 테마를 제출하기 전에 미리보기 화면에서 꼼꼼히 확인해 주세요.
일러스트 높이: 130픽셀 투명 여백: 20픽셀이미지 경계세로 150픽셀
필수 이미지
| 개수 | 메뉴 배경 이미지 | 파일 이름 | 크기 |
|---|---|---|---|
| 1개(선택) |  |
i_11.png | 너비 1472 x 높이 150 |
D. 비밀번호 이미지
비밀번호를 설정할 때 표시되는 이미지입니다.
해당 탭을 선택하지 않았을 때(사용 안 함)와 해당 탭을 선택했을 때(사용)의 두 가지 버전으로 제출해야 합니다.
도움말
4자리 모두 동일한 이미지를 사용하거나, 각기 다른 이미지를 사용할 수 있습니다.
이미지 1개만 사용 시
이미지 4개 사용 시
필수 이미지
| 개수 | 비밀번호 이미지 | 유형 | 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 | ||||
E. 프로필 이미지
해당 이미지는 프로필 이미지를 선택하지 않은 친구 및 그룹의 기본 이미지로 사용됩니다.
도움말
앱에서는 프로필 이미지가 원 모양으로 나타나지만, LINE 앱에서 이미지를 누르면 모서리까지 완전한 이미지가 표시됩니다.프로필 이미지의 모서리 부분까지 꼼꼼하게 만들어 주세요.
프로필 이미지(개인)
프로필 이미지(그룹)
필수 이미지
| 카테고리 | 개수 | iOS | Android | ||||
|---|---|---|---|---|---|---|---|
| 이미지 | 파일 이름 | 크기 | 이미지 | 파일 이름 | 크기 | ||
| 프로필 이미지 (개인) |
2개 |  |
i_20.png | 너비 240 x 높이 240 |  |
a_20.png | 너비 247 x 높이 247 |
| 프로필 이미지 (그룹) |
2개 |  |
i_21.png |  |
a_21.png | ||
F. 대화방 배경 이미지
메시지 입력란
투명/배경
대화방
대화방 배경 이미지는 선택 사항이며, 대화방 배경 이미지를 만들지 않으면 기존에 선택한 컬러 스킨이나 배경 색상이 배경 디자인으로 사용됩니다.
이미지는 기기 방향과 상관없이 화면 중앙 하단에 맞춰 정렬됩니다.
도움말
이미지는 지정된 최소 및 최대 크기 내에서 제작 가능합니다.투명한 이미지와 불투명한 이미지를 함께 사용할 수도 있습니다.
- 투명한 이미지를 사용하면 컬러 스킨 위에 겹쳐서 표시됩니다.
이미지 크기는 1MB 이하여야 합니다.
iOS
최대 크기: 1482×1334 px
최소 크기: 60×60 px
위치: 메시지 입력란 위
(기기 방향이 세로일 때는 640×1334 픽셀로 표시됩니다.)
Android
최대 크기: 1300×1300 px
최소 크기: 60×60 px
위치: 메시지 입력란 아래
참고: 이미지 아랫부분이 메시지 입력란과 겹쳐 보이므로, 메시지 입력란의 높이를 염두에 두고 이미지를 디자인해 주세요.
필수 이미지
| 카테고리 | 개수 | iOS | Android | ||||
|---|---|---|---|---|---|---|---|
| 이미지 | 파일 이름 | 크기 | 이미지 | 파일 이름 | 크기 | ||
| 대화방 배경 이미지 | 2개(선택) |  |
i_22.png | 너비 1482 x 높이 1334 | |
a_22.png | 너비 1300 x 높이 1300 |
대화방 화면 배경 색상
대화방 화면 배경 이미지를 사용하면 일부 기기에서는 화면에 빈 공간이 생길 수 있습니다. 빈 공간은 현재 사용 중인 테마의 컬러 스킨으로 채워집니다. 배경 이미지 이외의 빈 공간 문제를 해결하려면 다음 방법 중 하나를 사용해 보세요.
• 대화방 화면의 배경과 일치하는 배경 색상을 선택하세요.
• 컬러 스킨과 일치하는 대화방 화면 배경 이미지를 만드세요.
• 대화방 배경 이미지를 투명하게 만들어 현재 선택된 배경 색상이나 컬러 스킨과 겹치게 해보세요.
| 이미지가 화면을 완전히 채우지 않음 | 배경 색상 설정 | 컬러 스킨에 맞추기 | 투명한 배경 이미지 만들기 |
|---|---|---|---|
컬러 스킨 대화방 배경 이미지 |
 |
 |
 |
이미지의 윗부분이 화면을 채우지 못해 컬러 스킨으로 채워집니다. |
대화방 화면 배경 이미지와 일치하는 배경 색상을 선택하세요. |
컬러 스킨과 일치하는 배경 색상을 선택하세요. |
배경 이미지를 투명하게 만들어 현재 선택된 배경 색상이나 컬러 스킨과 겹치게 해보세요. |
