Skip to content

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

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

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

画像の仕様

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

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

すべてのアプリ内メッセージの推奨画像サイズは 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
さまざまなアスペクト比の画像が、クロッピングなしで正方形の画像コンテナに収まります。

大型スクリーン

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

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

New Stuff!