App/ Mobile 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. 풀 스크린
풀 스크린은 화면을 모두 채운 메시지가 노출됩니다.
- 풀 스크린 이미지는 기기에 따라 이미지의 가로 혹은 세로 일부가 잘릴 수 있습니다.
- 풀 스크린 이미지+텍스트는 화면의 50%를 이미지로 채웁니다.
2. 모달
모달은 화면 여백을 남기고 중앙에 메시지가 노출됩니다.
- 모달 이미지는 이미지의 비율에 맞게 모달의 사이즈가 조정됩니다.
- 모달 이미지+텍스트는 상하로 긴 이미지의 경우 위 아래가, 좌우로 넓은 이미지의 경우 좌우가 잘릴 수 있습니다.
3. 스티키 배너
스티키 배너는 화면의 상단 또는 하단에 메시지가 노출됩니다. 이 때 텍스트는 타이틀 없이 최대 3줄까지 화면에 노출됩니다.
- 스티키 배너 이미지는 이미지가 잘리지 않고 정사각형 컨테이너에 들어갑니다.