Workshop squares 150×150 for Steam
A row of five square tiles is the neatest Workshop showcase. Drag and zoom your picture under the window, add a frame or an effect and download five ready squares.
- Free
- 150×150 px
- Frames and effects
- Up to 3 rows
1Add your image or video
Choose a fileor drag it herePNG · JPG · GIF · WebP · ICO · TIFF · AVIF · MP4 · WebM
✓
Source checkAdd files to check format, size, duration and resolution before processing.
2Choose your Steam showcase
Match the type selected in your Steam profile. The preview shows the cut.
Which one do I have?
In Steam open your profile → Edit Profile → Featured Showcase and look at the showcase name:
- Workshop Showcase Workshop
- Featured Artwork Showcase Featured
- Artwork Showcase Artwork Split
No showcase yet? Pick one there first; Steam unlocks showcases from profile level 10.
3Style it
Optional. Everything you change here appears on the preview right away.
Free plan: the ShowcaseMaker mark is added automatically. With Pro you can use your own text or turn it off.
Font, size and opacity
Quality and formatFor experienced users. The defaults already fit Steam.
Smart compression to 5 MBAlways on for final Steam GIFs. The processor keeps the highest quality that fits the limit.
AUTO · ≤ 5 MB
Showcase preview
The selected showcase layout is shown directly on the frame. For video/GIF the first frame is used; drag the watermark to set its position.
Your showcase will appear hereAdd a file on the left to see how it will be cut.
File rotation
4Prepare the Steam files
Processing…
0%
Steam readiness report
Sign in before processing to receive a detailed Steam compatibility report after the ZIP is built.
1
Background
no file selected
A picture, GIF or video the character stands on
2
Character
no file selected
A cut-out PNG, or a picture / video on a plain backdrop
Add a background and a character
The preview appears here at once and shows the final placement.
Picture ready
The finished file appears here after “Compose”
Character backdrop
What is behind the character in its file? We remove it, the background stays.
Size and place
Cut-out edges
A green edge or a halo: raise the strength. Holes in the character: lower it.
Size of the file
Frames per second
GIF encoder
Compositing…0%
Still files give a PNG, a GIF or video in either file gives a GIF. Then cut it for Steam in Process.
Paste a link to a video, GIF or picture
File ready
What to save
Downloading…0%
Download only what you are allowed to use. For a Steam showcase 3–8 seconds of video are enough: shorter files are smaller and sharper.
Converted
Convert to
Width
Converting…0%
A copy is made, the original is not changed. A GIF is fitted under Steam's 5 MB; a video becomes silent.
What is in the file?
How much bigger
It runs on a GPU and takes 1–3 minutes, longer for video. You can close the tab: the result waits in Jobs and in My results.
Pro onlyActivate Pro to create seamless animations.
Source preview · 0.0 s
Fragment for the loop0.0 — 4.0 s
GIF preview plays normally; the selected fragment is applied when processing starts.
How should it loop?
Join smoothing
Format
Frame rate
The original is not changed. Free once a week with an account, without limits with Pro.
ZIP ready
What is HEX 21?
1
Steam checks the last byte of an uploaded artwork. For showcase files it has to be 0x21.
2
This tool changes only that byte. The picture, its size and its quality stay the same.
3
Files made in Process and in Rows and squares already have it. Use this for files made elsewhere.
Profile preview
Pick page mode → file per showcase → open in a new tab (animated GIF and MP4).
—
Showcases
Building…
0%
Upload to Steam
Semi-auto: results folder → Steam page → console code → upload.
Tip: log into Steam in the browser first. Paste the code once on the page, then pick files.
1. Results folder
After Process, unpack the ZIP downloaded automatically — those are your files.
2. Steam upload page
3. Console code (F12)
4. Which files to upload
Files: part_1 … part_5 (in order). ZIP is fine to unpack first.
Step-by-step
- Run Process and unpack the automatically downloaded ZIP
- Click «Open Steam page»
- Click «Copy code»
- On Steam: F12 → Console → Ctrl+V → Enter
- Upload files in the order listed above
Checking extension…
STEAMSHOWCASE HELPER
Upload without console setup
Choose a showcase type, then open file selection for automatic upload or use the manual Steam handoff.
- Choose one of the three showcase types below.
- Automatic: select files in the extension and start the queue.
- Manual: open Steam and choose the files yourself.
Automatic upload selects files inside the extension. Manual upload lets you choose them on Steam.
Steam Check is a Pro tool
Log in to a Pro account to inspect finished showcase files.
READY?
Steam admission report
The format, dimensions, weight, animation, HEX and completeness checks will appear here.
AI / PROFILE RATING
Profile Rating
Paste any public Steam profile. The doctor reviews its structure and visual consistency and suggests what to keep, change or add.
Free: one analysis per week · Pro: expanded access. The score is an AI estimate.
Your profile rating will appear here
Paste a link to a public Steam profile on the left and press “Rate profile”.
Paste a link to a public Steam profile on the left and press “Rate profile”.
AI / DESIGN SELECTION
Design Selection
Get three static showcase directions that match an existing public Steam profile.
Free: one selection per week · Pro: expanded access. Static references, not a generated profile. Results are AI estimates.
Three design ideas will appear here
Paste a profile link on the left, pick a style and press “Create 3 directions”.
Paste a profile link on the left, pick a style and press “Create 3 directions”.
01Public Steam profile
Paste a public Steam profile link. DNA will read its current public data and showcases; nothing is posted to Steam.
●Free, local to Showcase Maker, no AI API.
02Six profile signals
No signal decoded yetPaste a public Steam profile link, then start the analysis.
Archetype—
BASE
—
This is a creative fingerprint of currently public profile data, not a rating.
Steam backgrounds
Start with a background
Use your own image or video, or choose a Steam background. Then add a character, text and effects.
Select a layer, then drag it directly on the showcase. Guides show the exact Steam cut.
Arrow keys: move · Shift: 10 px · Ctrl/Cmd+D: duplicate
Next, preview the cut and create the files for Steam.
SHOWCASE / LIBRARY
My projects
Continue editing saved showcases. Free projects are deleted after 7 days; Pro projects remain until you delete them.
DeviantArt
Connect your DeviantArt account to publish directly to your Sta.sh.
DA: not connected
About the service
Steam showcases, made in the browser
Your access
Free and Pro
| Feature | Free | Pro |
|---|
All tools
How to make a showcase
Questions
Contacts and community
How it works
- Add a picture or GIF
Any size. Drag and zoom it under the 5:1 window to choose what the squares show.
- Style the tiles
Pick a frame (line, double, corners, neon or an animated one), an effect, or one of the quick looks.
- Download
Five 150×150 files, PNG or synced GIFs, with the HEX 21 ending. Up to three rows at once.
What you get
- Animated frames
RGB, comet, pulse and dashes, drawn as whole cycles so the GIF loops without a jump.
- Effects from the design studio
Overlay effects for the squares or for the whole strip.
- Quick looks
Ready combinations of frame and effect in one click.
Questions and answers
Will I get PNG or GIF?
A still picture with a still frame gives PNG files. Any animation (a GIF, an animated frame or an effect) gives five synced GIFs.
Can I make several rows?
Yes, up to three rows, each with its own picture and crop.
Is there a watermark?
Not on the five squares. Free accounts get it only on the optional preview picture.
Other tools
Workshop showcaseOne picture across five Workshop panels, still or animated.FreeLong Workshop showcaseA tall picture becomes five full-height columns, up to 3 rows.FreeFavorite Guide showcase99 animated cover templates and ready text.FreeAchievement showcase wordsSeven letter icons from Steam games spell your word.Free
All tools →