画像の仕様
一般的に、小さくて高品質な画像ほど読み込みが速くなるため、希望する出力を達成するために可能な限り小さなアセットを使用することをお勧めします。特定のチャネルで画像を最大限に使用するには、この記事の詳細を参照すること。
常にさまざまなデバイスでメッセージをプレビューしてテストし、画像とメッセージの最も重要な領域が期待どおりに表示されることを確認する必要があります。
tip:
自信を持ってアセットを創造しましょう!当社のアプリ内メッセージ画像テンプレートとセーフゾーンオーバーレイは、あらゆるサイズのデバイスでうまく動作するように設計されている。デザインテンプレートのダウンロード ZIP.
次のペイロードサイズを推奨します。
| メッセージングシステム | 推奨ペイロード |
|---|---|
| iOS(プレiOS 8) | 0.256 KB |
| iOS(ポストiOS 8) | 2 KB |
| Android(FCM) | 4 KB |
アプリ内メッセージ
モーダル形式のアプリ内メッセージは、選択した画像またはメッセージのコピーのサイズや比率を守りつつ、デバイスに最適で最もフィットする比率で表示されるように設計されています。
アプリ内メッセージに含めることができるテキスト文字数に制限はありませんが(ボタン、ヘッドライン、メインボディなどと同様に)、使用するテキスト文字数を調整します。テキストが多すぎると、ユーザーはメッセージを展開してスクロールする必要があります。
すべてのアプリ内メッセージの推奨画像サイズは500 KB、最大画像サイズは5 MB で、PNG、JPEG、GIF のファイルタイプをサポートしています。
| タイプ | アスペクト比 | 画質 | メモ |
|---|---|---|---|
| ポートレート全画面(テキスト付き) | 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 |
メッセージは、ほとんどのアスペクト比の画像に合うようにリサイズされる。 |
| テキスト付きモーダル | 29:10 | 高解像度 1450 x 500 px 最小解像度 600 x 205 px |
背の高い画像は縮小され、水平方向の中央に配置される。幅の広い画像は左右の端が切り取られる。 |
Font Awesome
Braze では、モーダルアプリ内メッセージアイコンに Font Awesome v4.3.0 を使用できます。
プッシュ通知
| メッセージタイプ | メッセージの最大長 | タイトルの最大長 |
|---|---|---|
| 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 | 該当なし | 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 | PNG、JPEG | 詳細については、Androidインラインイメージプッシュを参照してください。 |
メール
| メールタイプ | 推奨最大プロパティ |
|---|---|
| テキストのみ | 25 KB |
| 画像付きテキスト | 60 KB |
| メール幅 | 600 px |
| 画像の仕様 | 推奨最大プロパティ |
|---|---|
| サイズ | 5 MB |
| 幅 | ヘッダー:600 px Body:480 px |
| ファイルタイプ | PNG、JPEG、GIF |
| テキスト仕様 | 推奨最大プロパティ |
|---|---|
| 件名の長さ | 35 文字 6~10ワード |
"From: Name" 長 |
25 文字 |
| プレヘッダーの長さ | 85文字 |
画像行動
| レイアウト | 動作 |
|---|---|
| 画像とテキスト | 縦長または細長い画像は縮小され、水平方向の中央に配置される。幅の広い画像は左右の端が切り取られる。 |
| 画像のみ | メッセージは、ほとんどのアスペクト比の画像に合うようにリサイズされる。 |
New Stuff!
GitHub でこのページを編集