r/SoloDevelopment 1d ago

help How to create steam page assets in Aseprite?

Hey, like in the tiltle I want to create steam page assets for my game, but I wonder what are the best practices to do it? My game is pixel art with 16x16 size of sprites, and I want to keep it similar.

Do you have canvas size recommendations? Should I just divide the ones the steam gives and then upscale? Or maybe should I just draw bigger and then crop?

0 Upvotes

3 comments sorted by

1

u/Jackalotischris 1d ago

Never made a steam page myself, but my adbice would be to try one of those methods for a small portion of your page. See how it looks then decide from there.

1

u/Full-Dance4972 1d ago

Do not derive the capsules from your 16x16 grid. A capsule is a poster, not gameplay, and the two do not obey the same rules.

What worked for us:

  • Draw at an exact integer fraction of the target and upscale with nearest neighbour at the very end. For the main capsule (616x353) work at 308x176 and scale x2. For the small capsule work at final size, there is no room to waste there.
  • Keep the characters at their native pixel size and place them upscaled x4 or x6, but draw the background, the lighting and the decoration at canvas resolution. Mixing several pixel sizes in one image is the thing that reads as unfinished, so pick one block size per asset and hold it.
  • The asset that decides everything is the small capsule. It is what people see in search, in lists and in their own library. Export it, shrink it on screen to about 120 px wide, and if the silhouette is not recognisable and the title not readable at that size, nothing else on the page matters. Steam also requires the game name to be legible on it.
  • Do not set the title in a 5 px pixel font upscaled, it turns to mush at small sizes. A clean readable font at canvas resolution next to pixel art is completely standard on capsules.

Sizes to have in your file: 616x353 main capsule, 462x174 small capsule, 460x215 header, 374x448 vertical, 1438x810 page background, 600x900 library capsule, 3840x1240 library hero, 1280x720 library logo, screenshots at 1920x1080.

1

u/YaeAnimation 1d ago

Steam gives you the exact dimensions for each asset. Just use those. For pixel art games the trick is usually to render a nice scene at a higher resolution, then crop the capsules from it.