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
さまざまなアスペクト比の画像が、クロッピングなしで正方形の画像コンテナに収まります。
タイプ アスペクト比 画質 備考
モーダル(画像のみ) 1:1 推奨最大解像度: 1200 x 2000 px
最小解像度: 600 x 600 px
メッセージは、ほとんどのアスペクト比の画像に合うようにリサイズされます。推奨最大解像度は 3:5 のアスペクト比であり、最適な結果が得られない場合があります。大きな画像も使用できますが、読み込み時間が長くなる可能性があります。
画像の理想的なアスペクト比は 1:1 です。この比率を満たさない場合、アップロード時に警告が表示されることがあります。この警告は最良の結果を得るための提案であり、大きな画像のアップロードを妨げるものではありません。
テキスト付きモーダル 29:10 高解像度 1450 x 500 px
最小解像度 600 x 205 px
縦長の画像は縮小され、水平方向の中央に配置されます。幅の広い画像は左右の端が切り取られます。

大きな画面

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

大きな画面で表示されるモーダルアプリ内メッセージ。スマートフォンの画面と同様に、メッセージは画面の中央に表示されます。

New Stuff!