Steam image sizes: every capsule, library and event asset, with templates

A Steam game needs about fifteen images before launch, in three families: store images players see while shopping, library images they see after buying, and event images for your announcements. Each has an exact size, and a wrong size is either rejected in review or scaled until it blurs. Here they all are, from Valve's Steamworks documentation, with a free template at the exact size for each.

• Capsules carry only the game's name and an official subtitle as text: no review scores, awards, discount copy or calls to action. Valve's Store Graphical Asset Rules have applied since 1 September 2022, and non-compliant games can lose visibility and featuring.
• The library hero has no words at all; the library logo goes on top of it as its own transparent image.
• Screenshots show gameplay only, with at least four marked suitable for all ages.
• Everything is PG-13 appropriate and at the exact dimensions.
• Temporary text about updates goes on an Artwork Override, for up to a month, not on the standard capsules.

Shown at the top of your store page, in Recommended For You, in Big Picture and in daily deals. Steam makes the smaller versions from it. No text beyond the game's title; the logo must read clearly over the art.

Template: PNG · SVG with labels

Shown in lists: search results, top sellers, new releases. Steam also makes 184 x 69 and 120 x 45 versions from it, so Valve asks that the logo nearly fill it. This is the asset most players see first; test it at 120 x 45.

Template: PNG · SVG with labels

Shown in the carousel at the top of the Steam home page. No text beyond the title.

Template: PNG · SVG with labels

Shown at the top of the front page during seasonal sales and on newer sale pages. No text beyond the title.

Template: PNG · SVG with labels

16:9, 1920 x 1080 or larger, gameplay only: no awards, marketing copy or concept art. Mark at least four as suitable for all ages, or they may not show in some places, including the front-page hover. See how many screenshots a Steam page needs.

Template: PNG · SVG with labels

Optional. The background of your store page; Valve asks that it be ambient, and applies its own template over your upload.

Template: PNG · SVG with labels

Shown in the library's overview and collections; Steam makes a 300 x 450 version. Use the key art and logo, no text beyond the title.

Template: PNG · SVG with labels

Shown in the library, including Recent Games. If you leave it empty, Steam uses the store header capsule.

Template: PNG · SVG with labels

Shown across the top of a game's library page; Steam makes a 1920 x 620 version. The window crops it as it resizes, so keep faces and key detail inside the centred 860 x 380 safe area. No text at all: the logo goes on top as its own asset.

Template: PNG · SVG with labels

A transparent PNG of the logotype (and optionally a logomark), placed over the hero. Choose its position (bottom left, or centred top, middle or bottom) in Steamworks' preview.

Template: PNG · SVG with labels

The cover shows in recent announcements on your store page, in event lists and on your library page; Steam adds your game's name and icon beside it. The header sits at the top of the event page.

Template: PNG · SVG with labels

Template: PNG · SVG with labels

The shortcut icon is 256 x 256 or 512 x 512, ICO or PNG (Steam makes the .ico from a PNG), plus an ICNS for macOS shortcuts. The app icon is a 184 x 184 JPG shown in the library list, chat and notifications.

Template: PNG · SVG with labels

Template: PNG · SVG with labels

Most teams make every capsule from one piece of key art, or one great frame of the game, plus a logo on a transparent layer. A workflow that keeps the set consistent:

1. Make the key art large and wide, at least 3840 pixels across, with the subject placed so it survives both a wide crop (header, main, hero) and a tall one (vertical, library capsule).
2. Keep the logo separate, as a transparent PNG, so it can be placed and scaled per asset instead of baked in.
3. Crop each asset from the template, checking the safe area on the library hero.
4. Design the small capsule separately: the logo nearly filling it, the art reduced to a colour field or silhouette.
5. Export at exactly the size, in sRGB, as PNG or high-quality JPG; check every file's pixel dimensions before uploading.
6. Preview in Steamworks and look at the small capsule at list size next to other games.

• A size that is close but not exact, such as a 920 x 432 export from a crop tool.
• Text on a capsule beyond the name: a tagline, "Early Access", a laurel or a score.
• A logo on the library hero, which then doubles up with the library logo.
• Faces outside the hero's safe area, cropped off on narrower windows.
• Concept art in the screenshots.
• A dark capsule that disappears on Steam's dark pages.

Flockbay's Steam page drafts the capsules and library art at these sizes from one real frame of your game, with the logo as its own layer, and packs them in the .zip you upload to Steamworks yourself. Preparing the page by hand and the export are free; drafting by Flockbay is free in beta until 1 December 2026.