모달 인앱 메시지
모달은 기기 화면 중앙에 화면 오버레이와 함께 표시되어 백그라운드에서 앱이 눈에 띄도록 도와줍니다. 사용자에게 세일이나 경품 행사를 이용하도록 은근히 제안하는 데 적합합니다.
이미지와 텍스트 추천을 자세히 설명하는 두 개의 모달 인앱 메시지가 나란히 표시됩니다. 자세한 내용은 다음 섹션을 참조하세요.](/docs/ko/assets/img/modal-spec.png?c56fa5fbe28586c9dbb553c3888758d7){: style=”max-width: 801px; border: none;”}
이미지 사양
Modal 인앱 메시지는 선택한 이미지 또는 문구의 크기와 비율을 그대로 유지하면서 기기에 가장 알맞은 최적의 비율로 채워지도록 설계되었습니다.
인앱 메시지(버튼, 헤드라인, 본문 등)에 포함할 수 있는 텍스트 글자 수에는 제한이 없지만, 사용하는 텍스트 글자 수를 조절할 수 있습니다. 텍스트가 너무 많으면 사용자가 메시지를 확장하고 스크롤해야 합니다.
모든 인앱 메시지의 권장 이미지 크기는 500KB, 최대 이미지 크기는 5MB이며 PNG, JPEG, GIF 파일 유형을 지원합니다.
| 유형 | 종횡비 | 이미지 품질 | 참고 |
|---|---|---|---|
| 텍스트가 포함된 세로 전체 화면 | 6:5 | 고해상도 1200 x 1000 픽셀 최소 해상도 600 x 500 픽셀 |
크로핑은 모든 면에서 발생할 수 있지만, 이미지는 항상 뷰포트의 상위 50%를 채웁니다 |
| 세로 전체 화면(이미지만, 버튼 유무에 관계없이) | 3:5 | 고해상도 1200 x 2000 픽셀 최소 해상도 600 x 1000 픽셀 |
키가 큰 기기에서는 왼쪽과 오른쪽 가장자리에서 잘림 현상이 발생할 수 있습니다. |
| 유형 | 종횡비 | 이미지 품질 | 참고 |
|---|---|---|---|
| 텍스트가 포함된 가로 전체 화면 | 10:3 | 고해상도 2000 x 600 픽셀 최소 해상도 1000 x 300 픽셀 |
크로핑은 모든 면에서 발생할 수 있지만, 이미지는 항상 뷰포트의 상위 50%를 채웁니다. |
| 가로 전체 화면(이미지만, 버튼 유무에 관계없이) | 5:3 | 고해상도 2000 x 600 픽셀 최소 해상도 1000 x 600 픽셀 |
키가 큰 기기에서는 왼쪽과 오른쪽 가장자리에서 잘림 현상이 발생할 수 있습니다. |
| 유형 | 종횡비 | 이미지 품질 | 참고 |
|---|---|---|---|
| 슬라이드업 | 1:1 | 고해상도 150 x 150 픽셀 최소 해상도 50 x 50 픽셀 |
다양한 가로 세로 비율의 이미지가 잘리지 않고 정사각형 이미지 컨테이너에 들어갑니다. |
| 유형 | 종횡비 | 이미지 품질 | 참고 |
|---|---|---|---|
| Modal(이미지만 해당) | 1:1 | 최대 권장 해상도: 1200 x 2000 픽셀 최소 해상도: 600 x 600 픽셀 |
메시지는 대부분의 가로 세로 비율에 맞게 이미지 크기를 조정합니다. 권장되는 최대 해상도는 종횡비 3:5로, 최적의 결과를 제공하지 못할 수 있습니다. 이미지가 크면 사용할 수 있지만 로드 시간이 길어질 수 있습니다. 이미지의 이상적인 종횡비는 1:1이며, 이 비율을 충족하지 않으면 업로드 중에 경고가 트리거될 수 있습니다. 이 경고는 최상의 결과를 위한 제안이며 큰 이미지의 업로드를 막는 것은 아닙니다. |
| 텍스트가 있는 모달 | 29:10 | 고해상도 1450 x 500 픽셀 최소 해상도 600 x 205 픽셀 |
긴 이미지는 축소되어 가로로 가운데에 배치됩니다. 넓은 이미지는 왼쪽과 오른쪽 가장자리가 잘립니다. |
더 큰 화면
태블릿 또는 데스크톱 브라우저에서는 다음 스크린샷과 같이 모달 인앱 메시지가 여전히 앱 화면 중앙에 표시됩니다.
큰 화면에 표시되는 모달 인앱 메시지. 휴대폰 화면과 마찬가지로 메시징은 화면 중앙에 배치됩니다.](/docs/ko/assets/img/modal-large-viewport.png?1dd664c5eaccee87522859936ffff9cc){: style=”max-width: 800px; border: none;”}
GitHub 에서 이 페이지를 편집합니다.