画像制作ガイド(縦型配信)

Shoplive で縦型モードの配信を行う場合は、次のガイドを参考に画像を制作・使用してください。

ロゴ画像

プレーヤー上部に表示されるロゴ画像です。ロゴの横幅に制限はありませんが、630px 以下での作成を推奨します。縦は 144px で作成し、背景は透過にしてください。画面に表示される画像は最大で縦 44px に固定されます。

配信予告/配信中/終了画像

配信中に使用する画像は、すべて横 900px、縦 1600px に固定した画像で作成してください(9:16 の比率)。ただし、ノッチのある iPhone(9:19.5 の比率)では、右のように左右の領域が切り取られて表示されます。画像内のコンテンツが切れないよう、画像の内容は横 738px、縦 1600px の範囲内で作成することを推奨します。

商品画像

プレーヤーに表示される商品サムネイルと、商品一覧に表示される商品画像です。出力サイズ横 64px、縦 80px の商品画像を推奨します。

商品画像が 128x160 より大きい場合や小さい場合は、上の例のようにサイズが変換されます。

商品一覧上部のバナー画像

商品一覧の上部に表示されるバナー画像です。横 1020px、縦 168px のサイズを推奨します。画面サイズに応じて画像も縮小または拡大されます。

ポップアップ > クーポン

クーポンポップアップで使用する画像です。クーポンの表示領域は最大で横 390px、縦 360px ですが、横 390px、縦 180px のサイズを推奨します。ライブプレーヤーの UI に合うサイズを決めてクーポン画像を作成し、背景を透過にしてください(png ファイル)。

ポップアップ > バナー

バナーポップアップで使用する画像です。バナー表示時のプレーヤー両側の余白を考慮し、バナー画像の横幅は 900px(3 倍画像)に固定し、縦は自由に設定できます。画面に表示されるバナーの横幅は 315px で、画面サイズの異なるデバイスでは拡大または縮小されます。

• デバイスの画面幅が 375px 未満: 画面比率に合わせて縮小

• デバイスの画面幅が 375px 以上: 315px を維持

ポップアップ > もっと見るポップアップ - 画像

ユーザーがお知らせ、クーポン、バナーなどのポップアップをタップしたときに、下部から画像ポップアップを表示できます。
画像の横幅を 900px に固定し、縦は自由なサイズに設定できます。
縦に長い画像ポップアップはスクロールして閲覧できます。
画面に表示される画像ポップアップの横幅は 300px(横幅いっぱい)で、画面サイズの異なるデバイスでは拡大または縮小されます。

• デバイスの画面幅が 375px 未満: バナーは画面比率に合わせて縮小されます。

• デバイスの画面幅が 375px 以上: バナーは画面比率に合わせて拡大されます。

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

イベント当選者ポップアップの上部に表示される画像です。横 420px、縦 132px の固定サイズの画像を推奨します。画面幅 375px 基準で最大の高さは 80px です。

クイズのサムネイル

クイズポップアップに表示されるサムネイル画像です。横 144px、縦 144px のサイズを推奨します。クイズのサムネイル画像は画面サイズに関係なく 46px に固定されます。

クイズの画像グリッドタイプ

クイズポップアップの画像グリッドタイプで使用する画像です。推奨サイズは横 450px、縦 336px です。推奨サイズを超える場合、画像は横 450px、縦 336px に自動で縮小されます。

画像リソースの規格