Skip to content

画像の仕様

一般的に、小さくて高品質な画像ほど読み込みが速くなるため、目的の出力を実現するために可能な限り小さなアセットを使用することをお勧めします。特定のチャネルで画像の使用を最大限に活用するには、この記事の詳細を参照してください。

画像やメッセージの最も重要な部分が期待どおりに表示されることを確認するために、さまざまなデバイスで常にメッセージをプレビューおよびテストしてください。

画像の動作

レイアウト 動作
画像とテキスト 縦長または細長い画像は縮小され、水平方向の中央に配置されます。幅の広い画像は左右の端が切り取られます。
画像のみ メッセージは、ほとんどのアスペクト比の画像に合うようにリサイズされます。

動画

メディアライブラリにアップロードされた動画は、WhatsApp メッセージでのみ使用できます。詳細については、WhatsApp メッセージの作成を参照してください。

GIF

GIF は、iOS プッシュ通知、アプリ内メッセージ、メール、コンテンツカード、MMS または RCS メッセージでサポートされています。非常に細長い形状の GIF（例：3000 x 2 ピクセル）や 300 フレーム以上の GIF は、合計ファイルサイズが小さくてもアップロードに失敗する場合があります。

チャネルガイダンス

コンテンツカード

カードの種類 アスペクト比 画質
クラシック 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		 縦長の画像は縮小され、水平方向の中央に配置されます。幅の広い画像は左右の端が切り取られます。

詳細については、アプリ内メッセージのクリエイティブの詳細を参照してください。

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）、ユーザーのデバイスの表示設定、デバイスのサイズによって多少の差異が生じる場合があります。

メッセージタイプ 推奨長（テキストのみ） 推奨長（リッチ）
iOS ロック画面 160 文字 130 文字
iOS 通知センター 160 文字 130 文字
iOS バナーアラート 80 文字 65 文字
Android ロック画面 49 文字 N/A
Android 通知ドロワー 597 文字 N/A

iOS の文字数の詳細については、iOS 文字数ガイドラインを参照してください。

Web プッシュ

プッシュ通知の例

「Hi! This is an iOS Push with an image」というテキストと絵文字が表示された iOS プッシュ通知。テキストの横に小さな画像があります。 ハードプッシュでの iOS プッシュ通知。前のメッセージと同じテキストが表示され、テキストの前に拡大された画像があります。

メッセージテキストの下に大きな画像が表示された Android プッシュ通知。

その他のリソースについては、プッシュ通知の画像とテキストの仕様を参照してください。
New Stuff!