モーダルのアプリ内メッセージ

モーダルは、デバイスの画面の中央に表示され、アプリのバックグラウンドから目立つように画面オーバーレイが表示されます。これらは、ユーザーにセールやプレゼントを利用するようにそれとなく提案するのに最適です。

画像とテキストの推奨事項が詳細を含む、2 つのモーダルアプリ内メッセージを並べて表示したところ。詳細については、次のセクションを参照してください。

画像の仕様

モーダル形式のアプリ内メッセージは、選択した画像またはメッセージのコピーのサイズや比率を守りつつ、デバイスに最適で最もフィットする比率で表示されるように設計されています。

アプリ内メッセージに含めることができるテキスト文字数に制限はありませんが(ボタン、ヘッドライン、メインボディなどと同様に)、使用するテキスト文字数を調整します。テキストが多すぎると、ユーザーはメッセージを展開してスクロールする必要があります。

すべてのアプリ内メッセージの推奨画像サイズは500 KB、最大画像サイズは5 MB で、PNG、JPG、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	背の高い画像は縮小され、水平方向の中央に配置される。幅の広い画像は左右の端が切り取られる。

タブレットやデスクトップブラウザでは、次のスクリーンショットのように、モーダルアプリ内メッセージがアプリ画面の中央に表示されます。

大画面に表示されたモーダルアプリ内メッセージ。同様に電話の画面に、メッセージは画面の中央にあります。

「このページはどの程度役に立ちましたか?」