Why your screenshots look bad (and 5 fixes you can do in 60 seconds)

Your screenshot looks bad. You know it, your audience scrolls past it, and you can’t quite say why. The frustrating part is that almost every “bad” screenshot is bad for the same handful of reasons — and once you can name them, they take about a minute to fix.

Here are the five mistakes that quietly ruin almost every indie screenshot, and the 60-second fixes for each. No design background required.

Mistake #1: the screenshot bleeds to the edge

Raw screenshots end where the UI ends. Posted to X, that means your toolbar is touching the left edge of the feed image, your “Get Started” button is touching the right, and the whole thing feels cramped and amateur. Worse, platform previewers crop a few pixels off every side — so your button label loses its last letter on someone else’s iPhone.

The 60-second fix: add 60–100 px of padding around the UI. Aim for the subject to occupy roughly two-thirds of the canvas. The padding is doing two jobs — giving the eye a place to land, and keeping the platform crop from eating your content.

Mistake #2: no shadow, or the wrong shadow

Without a shadow, your screenshot is a sticker glued to the page. With a 1990s-PowerPoint hard-black shadow, it looks like a 2007 slide deck. Both kill the “shipped product” impression.

The 60-second fix: add a soft, semi-transparent shadow. Dark color, 10–20 % opacity, ~20 px down, ~50 px blur. The eye registers depth without consciously seeing the shadow. On dark backgrounds, skip the shadow entirely or use a soft glow instead — a dark shadow on a dark canvas looks dirty.

Mistake #3: the wrong aspect ratio

The single most preventable failure mode: shipping a 1:1 square shot to the X timeline (cropped to 16:9, top half wasted), or a tall 9:16 hero on LinkedIn (letterboxed, ignored). A great screenshot in the wrong shape is just cropped.

The 60-second fix: pick the aspect ratio before you compose. The defaults that cover ~95 % of indie posting:

• X / blog inline / OG cards — 1.91:1 (1200 × 630).
• LinkedIn timeline — 1.91:1 native, 1:1 fallback.
• Instagram feed — 4:5 portrait.
• Product Hunt gallery hero — 3:2 or 16:9.

Mistake #4: a noisy, conflicting background

The fastest way to make a screenshot look amateur is to stack effects: gradient + noise + texture + frame + heavy shadow + a stock photo of a laptop, all at once. Each element fights the others, and the screenshot — the thing you actually want people to look at — disappears.

The 60-second fix: commit to one background mood and let everything else stay quiet. Three patterns that work almost everywhere:

• Soft solid — cream, off-white, dusty navy. Makes the UI the hero.
• Two-stop gradient — coral → pink, mint → sky. Designed without screaming.
• Brand color block. The most underrated choice. If your product is a color, your background is too.

Avoid: stock laptop photos, blurry desktop wallpapers, photo of a café table, anything busier than the UI itself.

Mistake #5: a soft, low-resolution export

You composed a great shot, fixed all the spacing, picked the right background — and then you exported it at 1×. On every retina screen (which is every modern phone and laptop), your beautiful screenshot looks subtly soft. The UI text is fuzzy. The shadow has a faint banding artifact. You can’t quite say why, but it screams “untuned.”

The 60-second fix: always export at 2× minimum. Anywhere public — landing page, Product Hunt, social feed — 2× is the floor. 3× is worth it for hero images and gallery shots that will be zoomed in. Bonus rule: PNG for solid backgrounds, JPG only for photographic ones.

The 60-second rescue, in order

If you have one minute total, do these five things in this order:

1. Pad until the subject occupies ~70 % of the canvas.
2. Add a soft, slightly-down shadow (10–20 % opacity, ~50 px blur).
3. Pick the aspect ratio of the platform you’re posting to.
4. One quiet background — solid, gradient, or brand color.
5. Export at 2×, PNG by default.

That single sequence fixes ~90 % of bad screenshots. Nothing fancy, no design tool more complicated than a sidebar of sliders.

What this list doesn’t include — on purpose

You’ll notice this guide skipped a lot of trendy advice: 3D tilts, blur effects, glassmorphism, motion mock-ups, animated GIF overlays. None of those rescue a screenshot that ignored the basics. They amplify one that nailed them. Master the five mistakes above first; then experiment.

The bigger truth

The screenshots that get shared, get clicked, and end up on someone else’s Twitter aren’t beautifully designed by an art director. They were composed by a founder who took two minutes and three sliders seriously. That’s the whole secret — and now you know all five sliders to move.