Tool 18 — Free, no sign-up

One image, every capsule.

Drop your key art in and watch what the crop does to it. The image never leaves your machine: everything here runs on a canvas in your browser.

Your key art

Drop an image here

or choose a file. PNG, JPG or WebP. Nothing is uploaded.

No image loaded. The capsules below show the crop boxes at the right ratios.

Controls

Cover is what a store page needs. Contain is for checking what you are losing.
Used behind the image in contain mode.
1.00×
Sets every capsule at once. Each capsule keeps its own slider below, and you can drag any preview to pan.
Overlays

Caveats

  • The ribbon box is an approximation. Valve has moved the discount flag and the “Coming soon” banner more than once, and it renders at different proportions in different surfaces. Treat the overlay as “do not put the logo here”, not as a pixel-exact template.
  • The safe area is a convention, not a rule. Nothing crops the inner 90%. It is the margin that stops your logo touching the edge in a grid of a hundred other capsules.
  • Previews are downscaled. Very large capsules (the 3840 × 1240 library hero especially) are drawn at a fraction of true size on screen. The PNG you download is always rendered at full resolution.
  • Images over 4096 px are downscaled once on load to keep the browser responsive. Export your final assets from the original file, not from this tool.
  • This is a framing check. It is not a substitute for uploading to Steamworks and looking at the real store page, which you should do before you announce anything.

Sale grid, true size

462 × 174, actual pixels

This is how your small capsule sits in a sale row next to everyone else. If the title is unreadable here, it is unreadable in the only place most people will ever see it. Scroll the row sideways.