# Steam Graphical Asset Specifications and Presentation Rules
Steam store pages and player library views rely on standardized graphical capsule images to display your title across various device displays and storefront widgets. Key visuals must maintain visual clarity, readability, and brand coherence across vastly different aspect ratios ranging from wide horizontal store banners to tall vertical library grid tiles. When preparing assets for submission to Steamworks, developers must adhere to strict pixel dimensions, file format guidelines, and UI overlay safe zones to avoid text obstruction from system elements like price tags, wishlist buttons, and status labels. 920 x 430 px Store Header HD Resolution
2:3 Vertical Library Capsule Aspect Ratio
3840 x 1240 px Library Hero Maximum Res
184 x 184 px Community Icon Size
# Comparing Steam Capsule Formats Across Storefront Placement
Different sections of the Steam client highlight distinct asset dimensions. The Main Capsule serves as the primary visual anchor in featured recommendation carousels, whereas Small Capsules appear in fast-scrolling search result listings and promotional category feeds. Understanding how each asset functions ensures optimal conversion rates and player engagement.Store Capsules (Header & Main)
Landscape aspect ratio focused on game title and main key visual.
- Landscape aspect ratio focused on game title and main key visual
- Bottom-right area reserved for discount badge overlays and price tags
- High horizontal span suited for widescreen store carousel displays
- Requires immediate logo legibility at scaled desktop resolutions
Library Assets (Hero & Vertical Capsule)
Vertical capsule acts as game box art on player desktop grid.
- Vertical capsule acts as game box art on player desktop grid
- Library Hero features wide panoramic background visual without embedded text
- Library Logo overlay floats independently with transparent PNG background
- Top and bottom margins host achievement progress and play buttons
# Steam Asset Dimensional Matrix Reference
Below is the full technical matrix outlining standard and high-density resolution parameters required for a complete Steamworks storefront and library publication.| Asset Type | Standard Size (px) | HD Target Size (px) | Aspect Ratio | Format |
|---|---|---|---|---|
| Header Capsule | 460 x 215 | 920 x 430 | 2.14:1 | JPG / PNG |
| Small Capsule | 231 x 87 | 462 x 174 | 2.65:1 | JPG / PNG |
| Main Capsule | 616 x 353 | 1232 x 706 | 1.74:1 | JPG / PNG |
| Vertical Library Capsule | 300 x 450 | 600 x 900 | 2:3 | JPG / PNG |
| Library Hero | 1920 x 620 | 3840 x 1240 | 3.1:1 | JPG / PNG |
| Library Logo | 1280 x 720 | 1280 x 720 | 16:9 | Transparent PNG |
| Community Icon | 32 x 32 | 184 x 184 | 1:1 | PNG |
# Best Practices for Safe Area Management and Visual Formatting
Safe Zone Optimization Strategy
Keep all critical logotypes and character eyes within the upper-left two-thirds of the image canvas. Avoid placing fine print or secondary title text near the bottom right edge where discount badges display.# Pros and Cons of Automated Smart Focal Cropping
Workflow Evaluation
Advantages
- Instant generation of all seven required Steam asset dimensions
- Live interactive preview of Steam store and library user interfaces
- Eliminates scale distortion by maintaining exact aspect ratios
Disadvantages
- Complex key visual compositions may require separate dedicated background layers
- Ultra-wide Library Hero banners may benefit from custom horizontal extension artwork
- Manual review recommended before official Steamworks upload
# Steam Graphics Glossary and Terminologies
- Capsule
- Standard term used by Valve to describe promotional box art graphic containers across the Steam storefront and client library.
- Library Hero
- The expansive header banner image displayed at the top of a game detail page inside the player library view.
- Safe Zone
- Designated bounds within a capsule layout that remain free from native Steam client UI overlays such as price tags, play buttons, and wishlist flags.
- High-Density (HD) Spec
- Double-resolution asset target required by Steamworks to ensure crisp display on Retina and 4K displays.