イメージ制作ガイド(縦型配信時)

Shopliveでポートレートモードのキャンペーンを準備している場合は、以下のガイドを参考に画像を作成して使用してください。

ロゴ画像

これは、プレーヤーの上部に公開されているロゴ画像です。ロゴの横方向のサイズに制限はありませんが、630px未満にすることをお勧めします。長さが 144px で、背景が透明であることを確認してください。画面に表示される画像は、最大縦サイズ44pxに固定されています。

キャンペーンプレビュー/ON AIR/終了画像

キャンペーンで使用するすべての画像は、幅 900 ピクセル、高さ 1600 ピクセル(アスペクト比 9:16)に固定する必要があります。ただし、ノッチ(9:19.5の比率)を備えたiPhoneでは、右に示すように、左右の領域がトリミングされて表示されます。画像の内容が切り取られるのを防ぐために、画像の内容は幅738px、高さ1280pxの範囲で作成することをお勧めします。

Shopliveプラグインをインストールしている場合

Shoplive Pluginをインストールしたページをモバイルで実行すると、キャンペーンのプレビュー画面が表示されます。

プレビュー画面の表示比率は1:1.5です。そのため、重要なコンテンツは表示比率内で作成することをお勧めします。

製品イメージ

これは、製品のサムネイルとプレーヤーに公開される製品リストに表示される製品画像です。商品画像は、幅64px、高さ80pxの出力サイズを推奨します。

128x160より大きいまたは小さい商品画像のサイズ変換は、上記の例のように適用されます。

商品リストヘッダーのバナー画像

商品一覧の上部に表示されるバナー画像です。幅 1020 ピクセル、高さ 168 ピクセルのサイズをお勧めします。画面サイズに応じて、画像のサイズが縮小または拡大されます。

ポップアップ>クーポン

これは、クーポンのポップアップに使用される画像です。クーポンの表示領域は、幅390px×高さ360px、または幅390px×高さ180pxを推奨します。ライブプレーヤーのUIに合うサイズのクーポン画像を作成し、背景を透明にします(pngファイル)。

ポップアップ>バナー

これは、バナーのポップアップに使用される画像です。バナーが露出しているときのプレーヤーの両側のスペースを考慮して、バナー画像のサイズは水平方向に900px(複数の画像)に固定する必要がありますが、垂直方向のサイズは柔軟に設定できます。画面に表示されるバナーのサイズは幅315pxで、画面サイズの異なるデバイスで拡大または縮小できます。

• デバイスの画面サイズが 375px 未満の場合: アスペクト比に応じて縮小されます

• デバイスの画面サイズが 375px 以上の場合: 315px のままにします

ポップアップ>ポップアップをさらに表示(画像)

ユーザーが通知、クーポン、バナーなどのポップアップをクリックすると、画像ポップアップを表示できます。たとえば、お知らせポップアップをクリックすると、画像ポップアップで詳細情報を表示できます。画像の水平方向のサイズを900pxに固定し、垂直方向に希望のサイズに設定できます。縦長の画像ポップアップはスクロールで表示できます。画面に表示される画像ポップアップのサイズは幅 300px で、画面サイズが異なる他のデバイスでは拡大または縮小されます。

• デバイスの画面サイズが375px未満の場合、バナーのサイズは画面比率に応じて縮小されます。

• デバイスの画面サイズが 375px 以上の場合、バナーのサイズは 300px に維持されます。

ポップアップ > イベント当選者発表ポップアップ(ポップアップ内の「イベント当選者発表アイコン」)

これは、イベント勝者のポップアップの上部に表示される画像です。幅 420 ピクセル、高さ 132 ピクセルの固定サイズの画像をお勧めします。375pxの画面サイズに基づくと、最大の高さは80pxです。

クイズのサムネイル

クイズのポップアップで公開されるサムネイル画像です。幅 144px、高さ 144px のサイズを推奨します。クイズのサムネイル画像は、画面サイズに関係なく46pxに固定されています。

グリッド型クイズ画像

クイズのポップアップ用のグリッド型の画像です。幅 450px、長さ 336px を推奨します。推奨サイズを超えると、画像は自動的に幅450ピクセル、高さ336ピクセルに縮小されます。

画像リソースの仕様

以下の推奨画像サイズは、画面に表示される実際の画像サイズの3倍です。これは、高解像度のモバイルデバイスで高品質の画像を表示するためのもので、以下の推奨サイズに従って画像を作成できます。