プッシュ通知メッセージと画像の形式
このリファレンス記事では、プッシュ通知のメッセージ形式と画像形式について説明します。
最適な結果を得るには、プッシュメッセージを作成するときに、以下の画像サイズとメッセージ長のガイドラインを参照してください。”画像の有無、ユーザーの機器の通知ステート(iOS)やディスプレイ設定、機器の大きさによって、多少のばらつきがある場合があります。迷ったときには、文章を簡潔にまとめます。
iOSとAndroidプッシュ
| 画像タイプ | 推奨画像サイズ | 最大画像サイズ | ファイルの種類 |
|---|---|---|---|
| (iOS) 2:1 推奨 | 500 KB | 5 MB | PNG、JPEG、GIF |
| (Android)プッシュアイコン | 500 KB | 5 MB | PNG、JPEG |
| (Android) 拡張通知 | 500 KB | 5 MB | PNG、JPEG |
| メッセージタイプ | 推奨メッセージ長 (テキストのみ) | 推奨メッセージ長 (リッチ) |
|---|---|---|
| (iOS)ロック画面 | 160文字 | 130文字 |
| (iOS) 通知センター | 160文字 | 130文字 |
| (iOS)バナーアラート | 80文字 | 65 文字 |
| (Android)ロックスクリーン | 49文字 | 該当なし |
| (Android)通知ドロアー | 597文字 | 該当なし |
iOS プッシュ通知で、切り詰められずに使用できる文字数が不明の場合は、iOS文字数ガイドラインを確認してください。
| プラットフォーム | サイズ |
|---|---|
| iOS 8以前 | 0.256 KB |
| ポストiOS 8 | 2 KB |
| Android(FCM) | 4 KB |
iOSのプッシュ通知にはこう書かれていた:「こんにちは。これは、画像を含む iOS プッシュ通知です」と絵文字があります。本文の横に小さな画像、写真がある。](/docs/ja/assets/img_archive/braze_richpush1.png?ef4e0bdea0cc8bad17fcdd73d3217f6e){: style=”max-width:50%;”} iOSのプッシュ通知で、前のメッセージと同じテキストと、テキストの前に拡大画像、写真が表示される。](/docs/ja/assets/img_archive/braze_richpush2.png?d084b6ecdf38632d542b0312de9ef22a){: style=”max-width:50%;”}
Androidのプッシュ通知で、メッセージの下に大きな画像が表示される。](/docs/ja/assets/img_archive/android_push_img2.png?e3ea367aa6289702384fd3d9bbc4df0b)
大画像の通知は、600x300 ピクセル以上の画像を使用すると最も良く表示されます。
iOSのプッシュ通知にはこう書かれていた:「こんにちは。これはiOSのプッシュだ」。](/docs/ja/assets/img_archive/iOS_push_notification_small.png?3cb03d1af1f40aa294bc9c9bcc893603)
Androidのプッシュ通知がホーム画面に表示された。](/docs/ja/assets/img_archive/Push_Android_2.png?1dc8a0d31e842142c9476b7131136313)
Web プッシュ
| ブラウザー | 推奨アイコンサイズ |
|---|---|
| Chrome | 192 x 192 ≥ |
| Firefox | 192 x 192 ≥ |
| Safari | 192 x 192 ≥ (MacOS 13 以降 のSafari 16 では、キャンペーンごとにアイコンを設定可能) |
| Opera | 192x192 ≥ |
| ブラウザー | プラットフォーム | 大きな画像のサイズ |
|---|---|---|
| Chrome | Android | アスペクト比2:1 |
| Firefox | Android | 該当なし |
| Chrome | Windows | アスペクト比2:1 |
| Edge | Windows | アスペクト比2:1 |
| Firefox | Windows | 該当なし |
| Firefox | Windows | アスペクト比2:1 |
| Safari | macOS | 該当なし |
| Chrome | macOS | 該当なし |
| Firefox | macOS | 該当なし |
| Opera | macOS | 該当なし |
| ブラウザー | プラットフォーム | タイトルの最大長 | メッセージ本文の最大長 |
|---|---|---|---|
| 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 |
GitHub でこのページを編集