모달 인-앱 메시지
모달은 기기의 화면 중앙에 나타나며 화면 오버레이가 있어 배경의 앱과 구분됩니다. 이것들은 사용자가 판매 또는 경품 행사를 이용하도록 은근히 제안하는 데 완벽합니다.
![두 개의 모달 인앱 메시지가 나란히 배치되어 이미지 및 텍스트 추천 사항을 설명합니다. 자세한 내용은 다음 섹션을 참조하십시오.][1a]{: style=”max-width: 801px; border: none;”}
이미지 사양
Modal in-app messages are designed to fit the device at the best and most filling ratios possible, while staying true to the size and ratios of your chosen image or copy for your message.
While there are no limits to how many text characters you can include in an in-app message (as well as buttons, headline, main body, and others), we moderate how many text characters you use. Too much text will require users to expand and scroll the message.
All in-app messages have a recommended image size of 500 KB, maximum image size of 5 MB, and support PNG, JPG, and GIF file types.
| Type | Aspect ratio | Image quality | Notes |
|---|---|---|---|
| Portrait full screen with text | 6:5 | High resolution 1200 x 1000 px Minimum resolution 600 x 500 px |
Cropping can occur on all sides, but the image will always fill the top 50% of the viewport. |
| Portrait full screen (image only, with or without buttons) | 3:5 | High resolution 1200 x 2000 px Minimum resolution 600 x 1000 px |
Cropping can occur on the left and right edges on taller devices. |
| Type | Aspect ratio | Image quality | Notes |
|---|---|---|---|
| Landscape full screen with text | 10:3 | High resolution 2000 x 600 px Minimum resolution 1000 x 300 px |
Cropping can occur on all sides, but the image will always fill the top 50% of the viewport. |
| Landscape full screen (image only, with or without buttons) | 5:3 | High resolution 2000 x 600 px Minimum resolution 1000 x 600 px |
Cropping can occur on the left and right edges on taller devices. |
| Type | Aspect ratio | Image quality | Notes |
|---|---|---|---|
| Modal (image only) | 1:1 | High resolution 1200 x 2000 px Minimum resolution 600 x 600 px |
The message will resize to fit images of most aspect ratios. |
| Modal with text | 29:10 | High resolution 1450 x 500 px Minimum resolution 600 x 205 px |
Tall images will scale down and be horizontally centered. Wide images will be clipped on the left and right edges. |
더 큰 화면
태블릿 또는 데스크탑 브라우저에서 모달 인앱 메시지는 다음 스크린샷에 표시된 것처럼 여전히 앱 화면의 중앙에 위치합니다.
![모달 인앱 메시지 as it would appear on a large screen. 유사하게 전화 화면에서 메시지는 화면의 중앙에 위치합니다.][1b]{: style=”max-width: 800px; border: none;”}
[1a]: /docs/ko/assets/img/modal-spec.png?4d5d38ad556c77ab741bc60e4750ed62 [1b]: /docs/ko/assets/img/modal-large-viewport.png?68040bf6ab8dcdd441479608afd75b16
GitHub 에서 이 페이지를 편집합니다.