Storefront Media Guide

ストアフロント メディア アセットの仕様と推奨事項

7 分で読めます

キー メディアの概要

製品を Epic Games ストアのユーザーに対して最も効果的に示すためには、ストア プレゼンスの設定時に複数のキー メディア アセットが必要になります。以下に示すこれらのアセットは、Epic Games ストア ランチャーとウェブサイト両方でユーザーに表示します。

  • 製品ロゴ
  • オファー画像
  • Featured Media (アイキャッチ)
  • About セクションとギャラリー
  • ソーシャル プレビュー

このガイドでは、これらの各アセットに対する仕様と推奨事項について説明します。また、ストアフロントでのメディアの配置例も示します。最適なユーザー エクスペリエンスを保証するには、これらのガイドラインを確認し、ガイドラインに沿って製品用アセットを制作することを強くお勧めします。

製品ロゴ

Product logo image

An example product logo

製品ロゴはストアフロント内のさまざまな場所 (製品の詳細ページの一番上など) に表示します。

デベロッパー ポータルに製品ロゴをアップロードするには、[Your Product (製品)] > [Epic Games Store (Epic Games ストア)] > [Store Settings (ストア設定)] > [Product Configuration (製品設定)] > [Product Details (製品の詳細)] に移動します。

製品ロゴ画像は次の条件を満たしている必要があります。

  • 特徴としてシャドウや大量のネガティブスペースがない透明の背景
  • ランドスケープ アスペクト比の最適化
  • ダークモードのバックグラウンドではっきり見えること

ファイルの仕様

仕様要件
寸法960 x 540 px
ファイルサイズ (最大)1 MB
ファイル タイプpng

オファー画像

Landscape offer image

ランドスケープ オファー画像の例

デベロッパー ポータルでは、製品用に作成した各オファーの画像を複数アップロードできます。全般オファー画像は、ストアフロント全体で製品を表すために使用されます。ライブラリ オファー画像は、Epic Games Launcher のライブラリ セクション内で製品をダウンロードするユーザーに表示されます。

デベロッパー ポータルでオファーの各イメージをアップロードするには、[Your Product] > [Epic Games Store] > [Offers (オファー)] > [Your Offer (使用オファー)] > [Images (画像)] に移動します。

オファー画像 - 全般

全般オファー画像は作成した製品のメイン プロモーション キーアートを表し、ストアフロントの複数の場所に表示されます。最高の結果を得るには、キーアートとロゴを画像のクリティカル領域内の中央に配置します。キーアートにロゴを含める 必要があります

オファーに対してランドスケープとポートレートの画像をアップロードできます。ランドスケープ画像は、[Editions (エディション)] と [Add-on (アドオン)] セクションの製品ページに表示されます。ポートレート画像は、チェックアウト フローとウィッシュリスト通知などに表示されます。

ファイルの仕様

オファー画像:ランドスケープ

仕様要件
寸法2560 x 1440 px
ファイル タイプjpg、jpeg、png

オファー画像:ポートレート

仕様要件
寸法1200 x 1600 px
ファイル タイプjpg、jpeg、png

オファー画像 - ライブラリ

デベロッパー ポータルには、ライブラリで使用する全般オファー画像を自動でコピーするオプションがあります。ライブラリ専用のランドスケープおよびポートレート画像を個別にアップロードすることもできます。

ファイルの仕様

ライブラリ オファー画像:ランドスケープ

仕様要件
寸法2560 x 1440 px
ファイル タイプjpg、jpeg、png

ライブラリ オファー画像:ランドスケープ

仕様要件
寸法1200 x 1600 px
ファイル タイプjpg、jpeg、png

アイキャッチ

Featured media placement example

アイキャッチの配置例

アイキャッチは、製品のストア プレゼンスにユーザーが訪問したときに、アピールするプライマリ コンテンツを表します。アイキャッチ アセットは、製品の詳細ページにカルーセルで表示され、映像とスクリーンショットの両方を含めることができます。最適なユーザー エクスペリエンスのためには、最小で 5 つのアイキャッチ アセット (少なくとも 1 つの映像を含む) をアップロードすることをお勧めします。

他に、ベスト プラクティスとして次の方法をお勧めします。

  • アセットは定期的、特に新しい製品アップデートをリリースするときに更新します。
  • すべての地域のユーザーにうまく届けるため、アセットで使用するテキストは最小限にとどめてください。
  • 利用可能な場合、ベータ版、早期アクセス版を強調表示したアセット、またはカルーセルで他のスペシャル オファー イベントを最初に表示します。

デベロッパー ポータルでアイキャッチをアップロードするには、[Your Product] > [Epic Games Store] > [Pages (ページ)] > [Product Home (製品ホーム)] > [Featured Media (アイキャッチ)] に移動します。アセットをアップロードした後、リストの各アイテムをドラッグ (または上/下の矢印を使用) して、カルーセルでの期待する順番を設定します。

映像アセットやスクリーンショットが利用できない場合、このセクションでロゴがないキー アートをアップロードできます。ただし、統計により、製品の購入率にネガティブな影響を及ぼすことが示されています。ベスト プラクティスとして、映像やスクリーンショット アセットのアップロードを強く推奨します。

映像

少なくとも 1 つの映像をアップロードすることを強くお勧めします。ユーザーが Epic Games ストアで購入を決定するとき、映像コンテンツがあるものを選択するからです。ユーザーの関心を確実に捉えるため、映像アセットは常にアイキャッチ カルーセルの先頭に表示し、スクリーンショットをその後に続けます。

ベスト プラクティスとして、映像が黒い画面やレーティングが含まれた画面から始まらないようにします。

ファイルの仕様

仕様要件
寸法1920 x 1080 px
ファイルサイズ (最大)300 MB
フレームレート30fps または 60fps (ドロップフレームなし)
ファイル タイプMP4
品質
オーディオAAC、ステレオ、48000hz、320kbps

スクリーンショット

アイキャッチ カルーセルには、製品のスクリーンショットも含めることができます。アップロードする画像では、ユーザーが製品から期待できる、アート、ゲームプレイ、他のエクスペリエンス、フィーチャーを強調表示する必要があります。

ファイルの仕様

仕様要件
寸法1920 x 1080 px
ファイルサイズ (最大)4 MB
ファイル タイプjpg、jpeg、png、gif

About セクションとギャラリー

About Section displaying images and text

画像とテキストを表示する About セクションのサンプル

製品の詳細ページの About セクションには、ユーザー向けに製品の詳しい説明を記載するスペースがあります。About セクションには、最大 12 個のコンテンツ ブロック (テキスト、インライン スクリーンショット、GIF、他のイメージ) を入れることができます。少なくとも 1 つのテキスト セクションが必要ですが、追加画像やテキストを追加して、ゲームの説明のフローやビジュアル インパクトを改善できます。

追加画像ギャラリーには、ゲームプレイのスクリーンショットやマーケティング アセットなど、製品をさらにアピールするものが含まれます。ギャラリーの使用は任意ですが、1 から 6 個のアセットをアップロードすることをお勧めします。

注記:ユーザーが製品ページを訪れたとき、デフォルトで About セクションは折りたたまれています。ユーザーに最高の製品画像をすぐに示すには、アイキャッチ セクションにそれらのアセットをアップロードすることをお勧めします。

About セクション

About セクションにコンテンツを追加するには、[Your Product] > [Epic Games Store] > [Pages] > [Product Home] > [About] に移動します。コンテンツには最大 10,000 文字のテキストと最大 30 個の追加スクリーンショット、GIF、または他の画像を含めることができます。画像数も文字制限で考慮されます。

画像ファイルの仕様

仕様要件
寸法最小幅 700 px
ファイルサイズ (最大)4 MB
ファイル タイプjpg、jpeg、png、gif

ギャラリー

ギャラリーにコンテンツを追加するには、[Your Product] > [Epic Games Store] > [Pages] > [Product Home] > [Gallery (ギャラリー)] に移動します。最大 20 個の画像をアップロードできます。

このギャラリーはグリッドとして表示します。用意した画像数に応じて、サイズ、グリッドのレイアウトが決まります。[Preview in Store (ストアでのプレビュー)] オプションを使用して、ギャラリーが想定どおりに表示されることを確認します。

ファイルの仕様

仕様要件
寸法1920 x 1080 px
ファイルサイズ (最大)1 MB
ファイル タイプjpg

ソーシャル プレビュー

ソーシャル プレビュー画像は、ソーシャル ネットワーク ポストへのリンクをプレビューするときに表示されます。この画像はストアフロント内に直接表示されませんが、プレビュー目的でサードパーティにより使用できます。

ソーシャル プレビュー画像を追加するには、[Your Product] > [Epic Games Store] > [Pages] > [Product Home] > [Social Preview (ソーシャル プレビュー)] に移動します。オファー ページなど他に利用可能なページに、ソーシャル プレビュー画像をアップロードすることもできます。

ファイルの仕様

仕様要件
寸法1200 x 1200 px
ファイルサイズ (最大)4 MB
ファイル タイプjpg、jpeg

ローカライズ アセット

Epic Games ストアではテキストとメディア アセットのローカライズをサポートします。ローカライズ アセットを製品オファーにアップロードすることにより、グローバル ユーザー向けにストア エクスペリエンスを調整できます。これにはユーザーが選択した言語で画像や映像を提示することで実現します。

詳細アセット ローカライゼーション (画像と動画)

ストアフロントのメディア配置のサンプル

Epic Games ストア ランチャーとウェブサイトにメディア アセットを表示する方法について理解を深めていただけるよう、ストアフロントの異なるエリアのサンプルを次に示します。

Epic Games ストア - ブラウズ ビュー

ランチャービュー

Browse page of the Epic Games Store as displayed in the launcher

ウェブ ビュー

Browse page of the Epic Games Store as displayed on the website

Epic Games ストア - 製品の詳細ページ

ランチャービュー

Example Product Display Page as displayed in the launcher

ウェブ ビュー

Example Product Display Page as displayed on the website

Epic Games ストア ランチャー - ユーザー ライブラリ

Example Library page of the Epic Games Store launcher