画像の仕様
一般的に、小さくて高品質な画像ほど読み込みが速くなるため、目的の出力を実現するために可能な限り小さなアセットを使用することをお勧めします。特定のチャネルで画像の使用を最大限に活用するには、この記事の詳細を参照してください。
画像やメッセージの最も重要な部分が期待どおりに表示されることを確認するために、さまざまなデバイスで常にメッセージをプレビューおよびテストしてください。
画像の動作
| レイアウト | 動作 |
|---|---|
| 画像とテキスト | 縦長または細長い画像は縮小され、水平方向の中央に配置されます。幅の広い画像は左右の端が切り取られます。 |
| 画像のみ | メッセージは、ほとんどのアスペクト比の画像に合うようにリサイズされます。 |
動画
メディアライブラリにアップロードされた動画は、WhatsAppメッセージでのみ使用できます。詳細については、WhatsAppメッセージの作成を参照してください。
GIF
GIFは、iOSプッシュ通知、アプリ内メッセージ、メール、コンテンツカード、MMSまたはRCSメッセージでサポートされています。非常に細長い形状のGIF（例：3000 x 2ピクセル）や300フレーム以上のGIFは、合計ファイルサイズが小さくてもアップロードに失敗する場合があります。
チャネルガイダンス
Content Cards
| カードの種類 | アスペクト比 | 画質 |
|---|---|---|
| クラシック | 1:1 のアスペクト比 | 60 x 60 px |
| キャプション付き | 4:3 のアスペクト比 | 最小幅 600 px |
| バナー | 任意のアスペクト比 | 最小幅 600 px |
詳細については、コンテンツカードのクリエイティブ詳細を参照してください。
メール
| メールタイプ | 推奨最大プロパティ |
|---|---|
| テキストのみ | 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 文字 |
アプリ内メッセージ
モーダル形式のアプリ内メッセージは、選択した画像またはメッセージのコピーのサイズや比率を維持しつつ、デバイスに最適で最もフィットする比率で表示されるように設計されています。
アプリ内メッセージに含めることができるテキスト文字数に制限はありませんが（ボタン、ヘッドライン、メインボディなども同様）、使用するテキスト文字数は適度に調整してください。テキストが多すぎると、ユーザーはメッセージを展開してスクロールする必要があります。
すべてのアプリ内メッセージの推奨画像サイズは 500 KB、最大画像サイズは 5 MB で、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 文字 |
すべてのプッシュ画像の推奨サイズは 500 KB です。
| 画像タイプ | アスペクト比 | 最大ピクセル数 | 最大画像サイズ | ファイルタイプ | 備考 |
|---|---|---|---|---|---|
| iOS | 2:1（推奨） | 1038 x 1038 | 5 MB | PNG、JPEG、GIF | 2020年1月現在、iOS リッチプッシュ通知では、10 MB 未満であれば 1038 x 1038 px の画像を処理できますが、できるだけ小さいファイルサイズを使用することを推奨します。実際には、大きなファイルを送信すると不要なネットワーク負荷が発生し、ダウンロードのタイムアウトがより頻繁に起こる可能性があります。 詳細については、iOS リッチ通知 を参照してください。 |
| Android プッシュアイコン | 1:1 | 該当なし | 500 KB | PNG、JPEG | |
| Android 拡張通知画像 | 2:1 | 小: 512 x 256 中: 1024 x 512 大: 2048 x 1024 |
500 KB | PNG、JPEG | Android リッチ通知 で使用されます。 |
| Android インライン画像 | 3:2 | 該当なし | 該当なし | PNG、JPEG | 詳細については、Android インライン画像プッシュ を参照してください。 |
推奨メッセージ長
最良の結果を得るには、プッシュメッセージを作成する際に以下のメッセージ長ガイドラインを参照してください。画像の有無、通知の状態（iOS）、ユーザーのデバイスの表示設定、デバイスのサイズによって多少の差異が生じる場合があります。
| メッセージタイプ | 推奨長（テキストのみ） | 推奨長（リッチ） |
|---|---|---|
| iOSロック画面 | 160文字 | 130文字 |
| iOS通知センター | 160文字 | 130文字 |
| iOSバナーアラート | 80文字 | 65文字 |
| Androidロック画面 | 49文字 | N/A |
| Android通知ドロワー | 597文字 | N/A |
iOSの文字数の詳細については、iOS文字数ガイドラインを参照してください。
Webプッシュ
| ブラウザ | 推奨アイコンサイズ |
|---|---|
| Chrome | 192 x 192 px以上 |
| Firefox | 192 x 192 px以上 |
| Safari | 192 x 192 px以上（macOS 13+のSafari 16ではCampaignごとに設定可能） |
| 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ピクセル以上の画像を使用すると最適に表示されます。
その他のリソースについては、プッシュ通知の画像とテキストの仕様を参照してください。