이미지 사양
일반적으로 작고 고품질인 이미지가 더 빠르게 로드되므로, 원하는 결과를 달성할 수 있는 가장 작은 자산을 사용하는 것을 권장합니다. 특정 채널에서 이미지 활용을 극대화하려면 이 문서의 세부 정보를 참조하세요.
항상 다양한 기기에서 메시지를 미리보기하고 테스트하여 이미지와 메시지의 가장 중요한 영역이 예상대로 표시되는지 확인해야 합니다.
이미지 동작
| 레이아웃 | 동작 |
|---|---|
| 이미지 및 텍스트 | 세로로 길거나 좁은 이미지는 축소되어 가로 중앙에 배치됩니다. 넓은 이미지는 왼쪽과 오른쪽 가장자리가 잘립니다. |
| 이미지만 | 메시지는 대부분의 종횡비에 맞게 이미지 크기를 조정합니다. |
동영상
미디어 라이브러리에 업로드된 동영상은 WhatsApp 메시지에서만 사용할 수 있습니다. 자세한 내용은 WhatsApp 메시지 만들기를 참조하세요.
GIF
GIF는 iOS 푸시, 인앱 메시지, 이메일, Content Cards, MMS 또는 RCS 메시지에서 지원됩니다. 매우 길쭉한 형태(예: 3000 x 2 픽셀)이거나 300프레임 이상인 GIF는 전체 파일 크기가 작더라도 업로드에 실패할 수 있습니다.
채널 가이드
Content Cards
| 카드 유형 | 종횡비 | 이미지 품질 |
|---|---|---|
| 클래식 | 1:1 종횡비 | 60 x 60 px |
| 캡션 | 4:3 종횡비 | 최소 너비 600 px |
| 배너 | 모든 종횡비 | 최소 너비 600 px |
자세한 내용은 Content Cards 크리에이티브 세부 정보를 참조하세요.
이메일
| 이메일 유형 | 권장 최대 크기 |
|---|---|
| 텍스트만 | 25 KB |
| 이미지가 포함된 텍스트 | 60 KB |
| 이메일 너비 | 600 px |
| 이미지 사양 | 권장 최대 크기 |
|---|---|
| 크기 | 5 MB |
| 너비 | 헤더: 600 px 본문: 480 px |
| 파일 유형 | PNG, JPEG, GIF WebP 이미지 지원은 이메일 클라이언트마다 다릅니다. 안정적인 렌더링을 위해, 이메일 메시지에 추가하기 전에 WebP 이미지를 PNG 또는 JPEG로 변환하세요. |
| 텍스트 사양 | 권장 최대 크기 |
|---|---|
| 제목란 길이 | 35자 6~10단어 |
"From: Name" 길이 |
25자 |
| 프리헤더 길이 | 85자 |
인앱 메시지
모달 인앱 메시지는 선택한 이미지 또는 문구의 크기와 비율을 그대로 유지하면서 기기에 가장 알맞은 최적의 비율로 채워지도록 설계되었습니다.
인앱 메시지(버튼, 헤드라인, 본문 등)에 포함할 수 있는 텍스트 글자 수에는 제한이 없지만, 사용하는 텍스트 글자 수를 적절히 조절하는 것이 좋습니다. 텍스트가 너무 많으면 사용자가 메시지를 확장하고 스크롤해야 합니다.
모든 인앱 메시지의 권장 이미지 크기는 500KB, 최대 이미지 크기는 5MB이며 PNG, JPEG, GIF 파일 유형을 지원합니다. WebP 이미지는 모든 기기나 브라우저에서 지원되지 않으므로, 인앱 메시지에 추가하기 전에 WebP 이미지를 PNG 또는 JPEG로 변환하는 것이 좋습니다.
| 유형 | 종횡비 | 이미지 품질 | 참고 |
|---|---|---|---|
| 텍스트가 포함된 세로 전체 화면 | 6:5 | 고해상도 1200 x 1000 px 최소 해상도 600 x 500 px |
모든 면에서 잘림이 발생할 수 있지만, 이미지는 항상 뷰포트의 상위 50%를 채웁니다. |
| 세로 전체 화면(이미지만, 버튼 유무에 관계없이) | 3:5 | 고해상도 1200 x 2000 px 최소 해상도 600 x 1000 px |
세로로 긴 기기에서는 왼쪽과 오른쪽 가장자리에서 잘림이 발생할 수 있습니다. |
| 유형 | 종횡비 | 이미지 품질 | 참고 |
|---|---|---|---|
| 텍스트가 포함된 가로 전체 화면 | 10:3 | 고해상도 2000 x 600 px 최소 해상도 1000 x 300 px |
모든 면에서 잘림이 발생할 수 있지만, 이미지는 항상 뷰포트의 상위 50%를 채웁니다. |
| 가로 전체 화면(이미지만, 버튼 유무에 관계없이) | 5:3 | 고해상도 2000 x 600 px 최소 해상도 1000 x 600 px |
세로로 긴 기기에서는 왼쪽과 오른쪽 가장자리에서 잘림이 발생할 수 있습니다. |
| 유형 | 종횡비 | 이미지 품질 | 참고 |
|---|---|---|---|
| 슬라이드업 | 1:1 | 고해상도 150 x 150 px 최소 해상도 50 x 50 px |
다양한 종횡비의 이미지가 잘리지 않고 정사각형 이미지 컨테이너에 맞춰집니다. |
| 유형 | 종횡비 | 이미지 품질 | 참고 |
|---|---|---|---|
| 모달(이미지만) | 1:1 | 권장 최대 해상도: 1200 x 2000 px 최소 해상도: 600 x 600 px |
메시지는 대부분의 종횡비에 맞게 이미지 크기를 조정합니다. 권장 최대 해상도는 3:5 종횡비이며, 최적의 결과를 제공하지 않을 수 있습니다. 더 큰 이미지도 사용할 수 있지만, 로드 시간이 길어질 수 있습니다. 이미지의 이상적인 종횡비는 1:1이며, 이 비율을 충족하지 않으면 업로드 중에 경고가 표시될 수 있습니다. 이 경고는 최상의 결과를 위한 제안이며, 더 큰 이미지의 업로드를 방해하지 않습니다. |
| 텍스트가 있는 모달 | 29:10 | 고해상도 1450 x 500 px 최소 해상도 600 x 205 px |
세로로 긴 이미지는 축소되어 가로 중앙에 배치됩니다. 넓은 이미지는 왼쪽과 오른쪽 가장자리가 잘립니다. |
자신 있게 자산을 만들어 보세요! 인앱 메시지 이미지 템플릿과 세이프 존 오버레이는 모든 크기의 기기에서 잘 작동하도록 설계되었습니다. 디자인 템플릿 ZIP 다운로드.
자세한 내용은 인앱 메시지 크리에이티브 세부 정보를 참조하세요.
Font Awesome
Braze는 모달 인앱 메시지 아이콘에 Font Awesome v4.3.0 사용을 지원합니다.
푸시 알림
다음 페이로드 크기를 권장합니다:
| 메시징 시스템 | 권장 페이로드 |
|---|---|
| iOS(iOS 8 이전) | 0.256 KB |
| iOS(iOS 8 이후) | 2 KB |
| Android(FCM) | 4 KB |
| 메시지 유형 | 최대 메시지 길이 | 최대 제목 길이 |
|---|---|---|
| iOS 잠금 화면 | 175자 | 43자 |
| iOS 알림 | 175자 | 43자 |
| iOS 배너 알림 | 85자 | 43자 |
| Android 잠금 화면 | 49자 | 43자 |
| Android 알림 서랍 | 597자 | 43자 |
모든 푸시 이미지의 권장 이미지 크기는 500KB입니다.
| 이미지 유형 | 종횡비 | 최대 픽셀 | 최대 이미지 크기 | 파일 유형 | 참고 |
|---|---|---|---|---|---|
| iOS | 2:1(권장) | 1038 x 1038 | 5 MB | PNG, JPEG, GIF | 2020년 1월부터 iOS 리치 푸시 알림은 10MB 미만인 경우 1038 x 1038 px 이미지를 처리할 수 있지만, 가능한 한 작은 파일 크기를 사용하는 것이 좋습니다. 실제로 대용량 파일을 전송하면 불필요한 네트워크 부하가 발생하고 다운로드 시간 초과가 더 자주 발생할 수 있습니다. 자세한 내용은 iOS 리치 알림 을 참조하세요. |
| Android 푸시 아이콘 | 1:1 | N/A | 500 KB | PNG, JPEG | |
| Android 확장 알림 이미지 | 2:1 | 작음: 512 x 256 중간: 1024 x 512 큼: 2048 x 1024 |
500 KB | PNG, JPEG | Android 리치 알림 에 사용됩니다. |
| Android 인라인 이미지 | 3:2 | N/A | N/A | PNG, JPEG | 자세한 내용은 Android 인라인 이미지 푸시 를 참조하세요. |
권장 메시지 길이
최상의 결과를 위해 푸시 메시지를 작성할 때 다음 메시지 길이 가이드라인을 참조하세요. 이미지 유무, 알림 상태(iOS), 사용자 기기의 표시 설정, 기기 크기에 따라 다소 차이가 있을 수 있습니다.
| 메시지 유형 | 권장 길이 (텍스트만) | 권장 길이 (리치) |
|---|---|---|
| iOS 잠금 화면 | 160자 | 130자 |
| iOS 알림 센터 | 160자 | 130자 |
| iOS 배너 알림 | 80자 | 65자 |
| Android 잠금 화면 | 49자 | N/A |
| Android 알림 서랍 | 597자 | N/A |
iOS 글자 수에 대한 자세한 내용은 iOS 글자 수 가이드라인을 참조하세요.
웹 푸시
| 브라우저 | 권장 아이콘 크기 |
|---|---|
| Chrome | 192 x 192 px 이상 |
| Firefox | 192 x 192 px 이상 |
| Safari | 192 x 192 px 이상 (macOS 13+ Safari 16에서 캠페인별 설정 가능) |
| Opera | 192 x 192 px 이상 |
| 브라우저 | 플랫폼 | 큰 이미지 크기 |
|---|---|---|
| Chrome | Android | 2:1 종횡비 |
| Firefox | Android | N/A |
| Chrome | Windows | 2:1 종횡비 |
| Edge | Windows | 2:1 종횡비 |
| Firefox | Windows | N/A |
| Opera | Windows | 2:1 종횡비 |
| Chrome | macOS | N/A |
| Safari | macOS | N/A |
| Firefox | macOS | N/A |
| Opera | macOS | N/A |
| 브라우저 | 플랫폼 | 최대 제목 길이 | 최대 본문 길이 |
|---|---|---|---|
| Chrome | Android | 35 | 50 |
| Firefox | Android | 35 | 50 |
| Chrome | Windows | 50 | 120 |
| Edge | Windows | 50 | 120 |
| Firefox | Windows | 54 | 200 |
| Opera | Windows | 50 | 120 |
| Chrome | macOS | 35 | 50 |
| Safari | macOS | 38 | 84 |
| Firefox | macOS | 38 | 42 |
| Opera | macOS | 38 | 42 |
푸시 알림 예시
큰 이미지 알림은 최소 600 x 300 픽셀 이상의 이미지를 사용할 때 가장 잘 표시됩니다.
추가 리소스는 푸시 이미지 및 텍스트 사양을 참조하세요.