모바일(App/Web) 이미지 사이즈
모바일(App, Mobile Web)의 경우, PC Web과 달리 비율 및 사이즈가 고정되어 있습니다.
레이아웃에 따른 비율 및 사이즈는 아래와 같습니다.
| 구분 | 세로형(px) | 가로형(px) | 용량 | 파일타입 |
| 풀 스크린(이미지) | 540*960~1080*1920 (9:16 비율) |
960*540~1920*1080 (16:9 비율) |
1M 이하 (URL 방식:5M 이하) |
png, jpg, jpeg |
| 풀 스크린(스크롤) | 540~1080 세로 제한 없음 (9:16비율 or 세로로 긴 비율) |
540~1080 세로 제한 없음 (1:1비율 or 세로로 긴 비율) |
||
| 풀 스크린(이미지+텍스트) | 540*480~1080*960 (9:8 비율) |
960*270~1920*540 (32:9 비율) |
||
| 모달(이미지) | 600*600~1200*1800 (1:1, 2:3 비율 추천) |
600*600~1800*1200 (1:1, 3:2 비율 추천) |
||
| 모달(이미지+텍스트) | 725*250~1450*500 (29:10 비율) |
725*250~1450*500 (29:10 비율) |
||
| 스티키배너(이미지+텍스트) | 50*50~150*150 (1:1 비율) |
50*50~150*150 (1:1 비율) |
1. 풀 스크린
풀 스크린은 디바이스 화면을 모두 채운 메시지가 노출됩니다.
이미지
풀 스크린 이미지는 업로드한 이미지 비율을 유지한 채
디바이스 화면을 무조건 채워주기 때문에 디바이스에 따라 원본 이미지의 가로 혹은 세로 일부가 잘릴 수 있습니다.
[[인용:경고:보통]] 유의 사항
풀 스크린의 경우 태블릿 및 갤럭시 폴드(펼쳤을 때) 상황에서 이미지가 잘릴 수 있습니다.
해당 디바이스 대응을 원하신다면 풀스크린(스크롤) 레이아웃 사용을 권장합니다.
이미지 > [스크롤 가능하게 하기] 기능 활성화 시
풀 스크린 이미지 시 스크롤 가능하게 하기 기능을 켜면, 이미지 업로드 비율을 9:16 비율이거나 세로로 긴 비율을 업로드할 수 있습니다.
이 때 풀 스크린 스크롤 기능을 켜면, 이미지 너비는 디바이스 너비에 맞춰지기 때문에 특정 디바이스에서 잘리는 상황까지 대응할 수 있습니다.
이미지+텍스트
풀 스크린 이미지+텍스트는 디바이스 화면을 모두 채운 상태에서 이미지가 화면의 50%를 채웁니다.
이 때 이미지 영역은 이미지는 업로드한 이미지 비율을 유지한 채 이미지 영역을 무조건 채워주기 때문에
디바이스에 따라 원본 이미지의 가로 혹은 세로 일부가 잘릴 수 있습니다.
2. 모달
모달은 디바이스 화면 여백을 남기고 중앙에 메시지가 노출됩니다.
모달 이미지
모달 이미지는 업로드한 비율에 따라 메시지가 노출되는 방식이 결정됩니다.
모달 이미지 최소 및 최대 높이
- 최소 높이 : 모달의 너비 (기기 너비 * 0.85)
- 최대 높이 : 화면의 85%를 초과하지 않으면 이미지 그대로 노출
- 높이가 화면의 85% 넘으면 높이를 기준으로 너비값이 화면의 85%로 조절됩니다.
모달 이미지+텍스트
모달 이미지+텍스트의 경우 메시지 내 이미지 업로드 비율이 고정되어 있습니다.
모달 이미지+텍스트 최소 및 최대 높이
- 최소 높이 : 모달의 너비 (기기 너비 * 0.85)
- 최대 높이 : 모달의 너비 * 1.5 (기기 너비 * 0.85 * 1.5)
모달 텍스트
모달 텍스트의 경우 모달 너비는 디바이스의 85%로 고정됩니다.
모달 텍스트 최소 및 최대 높이
- 최소 높이 : 모달의 너비 (기기 너비 * 0.85)
- 최대 높이 : 모달의 너비 * 1.5 (기기 너비 * 0.85 * 1.5)
3. 스티키 배너(Web 미지원)
스티키 배너는 화면의 상단 또는 하단에 메시지가 노출됩니다. 이 때 텍스트는 타이틀 없이 최대 3줄까지 화면에 노출됩니다.
- 스티키 배너 이미지는 이미지가 잘리지 않고 정사각형 컨테이너에 들어갑니다.