Steam capsule art that gets clicks
Most shoppers see your capsule at about 231 × 87 pixels, in search, wishlists and recommendation rows, long before they open your page. We measured the capsules of 574 Steam pages to see what the strongest ones have in common.
Data from 574 Steam pages in the StoreCheck index · updated every few hours
Capsule brightness vs overall page score
Average brightness of the small capsule at 231 × 87, the size Steam shows in lists. Bars show the average overall page score in each group.
A correlation across real pages, not proof of cause: better-made pages tend to get many things right at once.
How to do it
- 1. Design for the small size first
Shrink your capsule to 231 × 87 before you approve it. If the title or the subject is hard to read there, it is hard to read for most shoppers.
- 2. Separate the subject from Steam's background
Steam lists sit on a dark blue-grey (#1b2838). A bright focal subject, a rim light or a lighter background zone keeps the capsule from melting into the page.
- 3. Use one strong accent color
In a row of capsules, a single saturated accent (a warm light, a colored logo) draws the eye more than an evenly muted palette.
- 4. Keep the logo big and short
Drop taglines and small text. At list size only the logo and one clear shape survive.
- 5. Make every required size
Steam crops differently per placement, so design each asset rather than resizing one image.
Every Steam capsule size
| Asset | Upload size | Where it shows |
|---|---|---|
| Header capsule | 920 × 430 | Top of your store page, recommendations, browse lists |
| Small capsule | 462 × 174 | Search results, top-seller lists, wishlists |
| Main capsule | 1232 × 706 | Front-page main carousel |
| Vertical capsule | 748 × 896 | Seasonal sales and some event pages |
| Library capsule | 600 × 900 | Steam library grid |
| Library header | 920 × 430 | Library recent games and collections |
| Library hero | 3840 × 1240 | Top of the game's library page (art only, no logo) |
| Page background | 1438 × 810 | Behind your store page (optional, keep it subtle) |
Check your files against these with the free capsule size checker.
The most common mistakes
Examples from the highest-scoring pages
The number is each page's capsule art score out of 100. Open any example for its full analysis.
How does your page compare?
Free, no login. You get the same measurements for your own page, plus the capsule analyzer details.
Questions
What size is a Steam capsule?
The small capsule is uploaded at 462 × 174 and shown at about 231 × 87 in lists. The header capsule is 920 × 430 and the main capsule 1232 × 706. All sizes are in the table on this page.
Should a Steam capsule be bright?
In our index, pages with brighter capsules at list size score higher on average, and the top quarter of pages has noticeably brighter capsules than the rest. Dark art can work, but it needs strong contrast and a bright focal point.
How do I check my capsule?
Paste your store link into StoreCheck. It measures your capsule's brightness, contrast and colorfulness at 231 × 87 and compares it with the games Steam shows next to yours.