プッシュ通知メッセージと画像の形式
このリファレンス記事では、プッシュ通知のメッセージ形式と画像形式について説明します。
最適な結果を得るには、プッシュメッセージを作成するときに、以下の画像サイズとメッセージ長のガイドラインを参照してください。”画像の有無、ユーザーの機器の通知ステート(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 |
note:
大画像の通知は、600x300 ピクセル以上の画像を使用すると最も良く表示されます。
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 でこのページを編集
「このページはどの程度役に立ちましたか?」
New Stuff!