メインコンテンツへスキップ
Steam Capsule Art Guide: Sizes, Examples and What Makes Players Click

Steam Capsule Artガイド:画像サイズ、実例、クリック率を高める秘訣

Steam Capsule Artのストア・ライブラリ用サイズ、インディーゲームの実例、テキストのルール、公開前後のテスト手法など、サムネイルで惹きつける要点を解説します。

執筆者
Mostafa Salem
更新日
読了時間
10分
トピック
ニュース
Steamカプセルのサイズ一覧

GoogleでGAMES.GGの記事をもっと見る

広告

Steamのカプセルアートとは、ストアやライブラリ全体でゲームをアピールするためのバナー画像セットです。なかでも920x430ピクセルのヘッダーカプセルは、最初に確実に仕上げておくべき最重要アセットです。本ガイドでは、Steamworksのドキュメントに記載されている現行の全カプセルサイズを網羅し、実際のインディーゲームを例にサムネイルサイズでも伝わる要素を解説するとともに、クリック率を落とさないためのアートのテスト方法を紹介します。

Steamカプセルのサイズ一覧

Steamworksでは、4種類のストアカプセルと3種類のライブラリアセットが指定されています。これらは2026年10月時点の公式仕様です。Valveによって変更される可能性があるため、書き出しを行う前にストアグラフィックアセットのページおよびライブラリアセットのページを必ずご確認ください。

アセットアップロードサイズプレイヤーに表示される場所
ヘッダーカプセル920x430ストアページ上部、おすすめリスト、Big Pictureブラウズ表示、デイリーセール
スモールカプセル462x174(Steamにより184x69および120x45が自動生成)検索結果、売上上位、最新リリース、その他のリスト
メインカプセル1232x706Steamストアホームページ上部のメインカプセルカルーセル
縦長カプセル748x896季節のセール中のトップページ上部、新規セールページ
ライブラリカプセル600x900(300x450が自動生成)ライブラリの概要およびコレクション
ライブラリヘッダー920x430「最近プレイしたゲーム」など、Steamクライアントのライブラリ内の各所
ライブラリヒーロー3840x1240(1920x620が自動生成)ライブラリ詳細ページ上部(アートのみ、テキスト不可)

Steamの公開画像CDNでは、231x87のスモールカプセルと、メインカプセルの半分の寸法である616x353のファイルも配信されています。サードパーティ製ツールで見かけることがありますが、個別にアップロードするものではありません。

ライブラリヒーローには、絶対に切り抜かれない中央860x380ピクセルのセーフエリアがあります。キャラクターの顔や重要なオブジェクトは、必ずこの範囲内に収めてください。

Steamカプセルアートには何を描くべきか?

Steamのガイドラインは至ってシンプルです。マーケティング用のキーアートとロゴを使用し、ゲームに関する重要な情報を顧客に伝えられるアートにし、ロゴタイプの可読性を高く保つことです。Valveは「グラフィック中心」であり「ゲームプレイの雰囲気が伝わる」アートを求めています。

グラフィックアセットのルールに基づき、基本カプセルに含めることができるのは、ゲームのアートワーク、ゲーム名、公式サブタイトルのみです。以下の要素を含めることはできません:

  • Steamレビューやメディアのスコアを含むレビューの点数。
  • 受賞名、受賞シンボル、アワードロゴ。
  • 「今すぐセール中」といった割引をアピールする文言。
  • 「ウィッシュリストに追加」「今すぐ事前購入」などのアクションを促すフレーズ(CTA)。
  • 続編を含む別製品の宣伝。

大型アップデートやイベントに関するテキストを掲載したい場合は、カプセルアートワークの上書き(Capsule Artwork Override)機能を使用してください。上書きの期間は最長1か月で、ゲームが対応している言語にローカライズされている必要があり、現在すでにプレイ可能な新規コンテンツのみを説明できます。

サムネイルサイズでも伝わるカプセルのデザイン手法

最小サイズからデザインを始め、徐々に拡大していくのが鉄則です。ヘッダーカプセルは自身のストアページ上では920x430で表示されますが、他のほぼすべての場所ではサムネイルとして表示されるため、すべての要素に明確な存在意義が求められます。特に重要なのは以下の4点です。

1. フォーカスポイント(視覚的中心)を1つに絞り、ロゴを1つ配置する

優れたカプセルは、視線がまずロゴに向かい、次いでゲーム内容を物語る1つのビジュアルへと流れるように設計されています。Balatroはフレームの左側から中央の大部分をロゴで埋め尽くし、文字の中にスペードのエースをあしらっています。文字を読まなくても、一目で「カードゲーム」だと認識できます。

大きなロゴ、スペードのエースのカード、赤い渦巻きが描かれたBalatroのSteamヘッダーカプセル

2. 色、キャラクター、モチーフでジャンルを伝える

プレイヤーはタイトルを読む前にジャンルを目で探しています。以下の例では、色彩とモチーフがその役割を果たしています:

  • DREDGE:暗く嵐のような空、灯台、漁船を用いることで、不穏な雰囲気が漂う海洋アドベンチャーであることを伝えています。
  • DAVE THE DIVER:フラットで鮮やかな青色の背景とドット絵のダイバーを使用。キャラクターとロゴの視認性を確保しつつ、明るい日差しが降り注ぐカジュアルな海洋ゲームであることを伝えています。
  • Cult of the Lamb:モノトーン調の動物の群れの中心に、鮮やかな赤い祭壇を配置。そのフォーカスポイントにより、キュートでありながらオカルト感のある世界観を伝えています。
嵐の空の下、灯台、漁船、大きな白いロゴが描かれたDREDGEのSteamヘッダーカプセル
鮮やかな青い海の背景にドット絵のダイバーが描かれたDAVE THE DIVERのSteamヘッダーカプセル
赤い祭壇と動物の信奉者の灰色の群れが描かれたCult of the LambのSteamヘッダーカプセル

アートは上位のタグと整合性を取らなければなりません。Steamのタグに関するドキュメントには、上位5つのタグでゲームの明確なイメージを描き出すべきであると記載されています。タグに「心地よい」「リラックス」とあるのに、カプセルが暗くごちゃごちゃしているなら、どちらかが間違っています。

3. ロゴの可読性を確保する

Valveは、ロゴタイプが背景に対して明瞭に読み取れること、そしてスモールカプセルでは「最小サイズであっても」読み取れるロゴであることを求めています。実践的なポイントは以下の通りです:

  • 高いコントラストをつける:暗い領域には明るいロゴを、明るい領域にはその逆を配置します。
  • 細い線、詰まりすぎた文字間隔、ロゴ内の長いタグラインは避けます。
  • 幅120ピクセルでロゴを確認します。読めない場合はデザインを簡素化してください。
  • 文字の背後にディテールの細かいキャラクターやエフェクトが重ならないようにします。

Peglinは、短く太いワードマークにキャラクターを1体組み合わせています。ロゴの上の曲線は、ボールが動いている様子さえ暗示させます(これは本アートに対する筆者の見解であり、開発者が明言したものではありません)。

太い白いロゴの横に緑のゴブリンのキャラクターが描かれたPeglinのSteamヘッダーカプセル

4. スモールカプセルは専用のデザインとして設計する

スモールカプセルは、最も失敗が起きやすいアセットです。Valveは、スモールカプセルのアートについて「他のカプセルと同じである必要はない」としており、ロゴがフレームの大部分を占めるようにすることを求めています。検索結果では、価格やレビュースコアのすぐ隣に表示されます。

大半のゲームでは、ロゴを大きく保ち、核となるビジュアルを1つだけ残した、タイトにクロップ(切り抜き)されたデザインの方が効果的です。以下に示す231x87のDREDGEのスモールカプセルでは、灯台と視認性の高いロゴだけを残し、それ以外の要素はすべて削ぎ落とされています。

灯台と白いロゴが描かれた231x87ピクセルのDREDGEのスモールカプセル

Steamカプセルでよくある失敗とは?

  • キーアートをスモールカプセルに無理やり詰め込む:ヘッダーを単に縮小しただけの画像が機能することは稀です。専用にクロップし直してください。
  • テキストルールに違反する:レビュースコア、受賞歴、「ウィッシュリストに追加」、続編の宣伝などを基本カプセルに入れることは禁じられています。
  • ロゴのコントラストが不足している:PCモニター上では綺麗に見えても、スマートフォンサイズのサムネイルになると見失ってしまいます。
  • ジャンルのシグナルが伝わらない:どんなゲームにも当てはまりそうな美しいだけの画像は、第一印象で失敗します。
  • 他作品に埋もれてしまう:そのジャンルのカプセルがどれも「暗い赤にドクロ」ばかりなら、同じように暗い赤のドクロを作っても埋もれてしまいます。デザインを決定する前に、競合の並び(棚)を確認してください。
  • ディテールを詰め込みすぎる:幅231ピクセル以下では、小さなキャラクター、エフェクト、UIなどは単なるノイズになってしまいます。
  • ライブラリヒーローのセーフエリアを無視する:中央の860x380エリアの外側にある顔や重要な要素は、切り抜かれてしまう可能性があります。

Steamカプセルアートのテスト方法

カプセルはウェブページのように手軽にスプリットテスト(A/Bテスト)を行うことはできず、Steamworksのドキュメントにもカプセル専用の組み込みA/Bテストツールは記載されていません。そのため、テストは「公開前」と「公開後」の2段階で行います。

公開前:シェルフテスト(棚テスト)

カプセルの評価は、真っ白なキャンバス上で単体で行うのではなく、競合タイトルと並んだ「棚」の上で行ってください。SteamBuddyのシェルフテストでは、実際のSteamのサイズを使用し、重複するタグに基づいて選出された類似ゲームと並べて確認できます。検索結果やおすすめリストの表示をシミュレートできるほか、スクロール中にチラリと見る1秒間を再現する「目を細めるテスト(squint test)」の切り替えも可能です。

「これに似たゲーム」の棚で、Hades II、Vampire Survivors、Halls of Torment、Skul、Astral Ascentの隣にHadesのカプセルがハイライト表示されているSteamBuddyのシェルフテスト
「アクションローグライク」の検索結果リスト内に、リリース年、レビュー評価、価格とともにHadesのスモールカプセルが表示されているSteamBuddyの検索結果ビュー

以下のチェックリストを実行してください:

  1. 目を細めるテスト:目を細めるか、表示を縮小してみてください。それでもジャンルが判別でき、タイトルが読めますか?
  2. 差別化テスト:隣り合う作品の焼き直しになっていませんか?ジャンルに合致しつつも、色、形状、モチーフの面で差別化できていますか?
  3. 5秒テスト:開発チーム外の5人以上の人に5秒間だけ見せます。ゲームのタイトルと、どんなジャンルのゲームかを尋ねてください。答えられない場合、そのカプセルは役割を果たせていません。
  4. 最小サイズチェック:幅120ピクセルおよび184ピクセルのバージョンを確認します。ロゴが問題なく読める必要があります。

公開後:Steamworksのトラフィック統計

Steamworksでは、インプレッション数、訪問者数、クリック率が追跡されます。トラフィックレポートのドキュメントによると、インプレッションはゲームが画面上に表示されたことを意味し、実際にユーザーが見たことを保証するものではありません。訪問者数はユニークページビュー数であり、クリック率はインプレッションが訪問につながった割合です。

これらのデータは、「マーケティングツールとデータ」>「マーケティングと露出」>「ストアとSteamプラットフォームのトラフィックの内訳」タブで確認できます。

カプセルのバージョンを比較する手順:

  1. 変更前の安定した期間におけるクリック率を記録します。
  2. ヘッダーのみ、スモールカプセルのみなど、一度にすべてを変えるのではなく、1か所だけ変更します。
  3. 類似した条件下で同じくらいの期間待ち、結果を比較します。
  4. 通常の週と、Steam Nextフェスやセール期間の週を比較しないでください。トラフィックの流入元が異なるため、適切なデータ比較ができません。

なおValveは、フレンドのポップアップなど一部の表示枠はストアページへリンクしていないため、クリック率を計測できない点についても言及しています。

Steamページ全体におけるカプセルの役割とは?

カプセルの役目は「クリックを獲得すること」です。クリックされた後は、トレーラー、短編説明、スクリーンショット、タグによってウィッシュリスト登録を獲得しなければなりません。ゲームをマーケティングする方法および予算ゼロでインディーゲームをマーケティングする方法に関する当社のガイドでは、Steamページをより広範な計画にどう組み込むかを解説しています。

ページをすばやく評価したい場合は、20,000本以上のSteamゲームを基準に、カプセルアート、テキスト、タグ、競合状況を100点満点で採点するSteamBuddyの無料診断をご活用ください。

ページの効果をテストするためのトラフィックが必要な場合は、プレイヤーをストアページへと誘導するGAMES.GGのSteamウィッシュリストキャンペーンをご検討ください。また、無料のゲーム掲載を利用すれば、費用をかけずにGAMES.GGのオーディエンスへゲームをアピールできます。

広告