전체 화면 인앱 메시지
전체 화면 메시징은 기기의 전체 화면을 차지합니다! 이 메시지 유형은 필수 앱 업데이트와 같이 사용자의 주의가 정말 필요할 때 유용합니다.
세로 방향으로 나란히 표시되는 두 개의 전체 화면 인앱 메시지로 이미지와 텍스트 추천을 자세히 설명합니다. 자세한 내용은 다음 섹션을 참조하세요.](/docs/ko/assets/img/full-screen-spec.png?a133644046ab8c42e0c0fab126773f38){: style=”max-width:801px;border:none;display:block;margin-left:auto;margin-right:auto”}
가로 방향으로 나란히 표시되는 두 개의 전체 화면 인앱 메시지로 이미지와 텍스트 추천을 자세히 설명합니다. 자세한 내용은 다음 섹션을 참조하세요.](/docs/ko/assets/img/full-screen-spec-landscape.png?1ea652705d4609ec70d1903281735775){: style=”max-width:801px;border:none;display:block;margin-left:auto;margin-right:auto”}
이미지
전체 화면 인앱 메시지는 기기의 전체 높이를 채우고 필요에 따라 가로(왼쪽과 오른쪽)로 자릅니다. 이미지 및 텍스트 전체 화면 메시지는 기기 높이의 50%를 채웁니다. 모든 전체 화면 인앱 메시지는 ‘노치형’ 기기의 상태 표시줄을 채웁니다.
- 모든 이미지는 5MB 미만이어야 합니다.
- PNG, JPEG, GIF 파일 형식만 허용됩니다.
- 이미지 크기는 500KB를 권장합니다.
자신 있게 자산을 생성하세요! 인앱 메시지 이미지 템플릿과 안전 영역 오버레이는 모든 크기의 기기에 잘 어울리도록 디자인되었습니다. 디자인 템플릿 ZIP 다운로드
인물 사진
| 레이아웃 | 자산 규모 | 참고 |
|---|---|---|
| 이미지 및 텍스트 | 6:5 종횡비 고해상도 1200 x 1000 픽셀 최소 600 x 500 픽셀 |
모든 면에서 자르기가 발생할 수 있지만 이미지는 항상 뷰포트의 상단 50%를 채웁니다. |
| 이미지만 | 3:5 종횡비 고해상도 1200 x 2000 픽셀 최소 600 x 1000 픽셀 |
키가 큰 기기의 경우 왼쪽과 오른쪽 가장자리에서 잘림 현상이 발생할 수 있습니다. |
랜드스케이프
| 레이아웃 | 자산 규모 | 참고 |
|---|---|---|
| 이미지 및 텍스트 | 10:3 종횡비 고해상도 2000 x 600px 최소 1000 x 300 픽셀 |
모든 면에서 자르기가 발생할 수 있지만 이미지는 항상 뷰포트의 상단 50%를 채웁니다. |
| 이미지만 | 5:3 종횡비 고해상도 2000 x 1200px 최소 1000 x 600 픽셀 |
키가 큰 기기의 경우 왼쪽과 오른쪽 가장자리에서 잘림 현상이 발생할 수 있습니다. |
이미지 안전 영역
Braze 플랫폼에서 전체 화면 인앱 메시지를 미리 볼 때 여러 기기에 걸쳐 표시될 때 잘리지 않도록 메시지 영역에 이미지 세이프 존을 인에이블먼트할 수 있습니다. 미리보기 창에서 이미지 세이프 존을 테스트하는 것 외에도 항상 메시지를 테스트하는 것이 좋습니다.
“이미지 안전 영역 표시”를 인에이블먼트한 상태에서 Braze에서 인앱 메시지 미리보기. 이미지 안전 영역은 이미지의 어느 부분이 잘리지 않도록 안전한지 시각화하는 이미지 오버레이입니다.](/docs/ko/assets/img/image-safe-zone-full-screen-in-app-message.png?8974082c2185b0a5e695e9ee844d2700)
더 큰 화면
태블릿 또는 데스크톱 브라우저에서는 다음 스크린샷과 같이 전체 화면 인앱 메시지가 앱 화면 중앙에 표시됩니다.
가로 방향으로 큰 화면에 표시되는 전체 화면 인앱 메시지. 메시지는 화면 중앙에 큰 모달로 표시됩니다.](/docs/ko/assets/img/full-screen-large-viewport-landscape.png?a41063bbc25802bd71c577dfd53bd84c){: style=”max-width:80%;border:none;display:block;margin-left:auto;margin-right:auto”}
GitHub 에서 이 페이지를 편집합니다.