Screenshot backgrounds

Add a beautiful background to any screenshot

Padding and a gradient are the fastest way to make a capture look intentional. Pick one of the gradients, adjust the padding, done.

RawSnapgloss

Drag to compare · ⌘V / Ctrl V to try your own

Recommended settings

Set it once.
Post all week.

“Open with these settings” loads all of this into the editor, and the editor remembers it.

BackgroundAny gradient
Padding60–120
Corners12–20
ShadowMedium
Tips

Three things
that make it work.

01

Pick a background that contrasts with the screenshot

A light UI pops on a saturated gradient; a dark UI pops on a light one. If it feels flat, try the opposite end of the palette.

02

Padding is the whole trick

Most of the 'designed' feeling comes from space around the image. Start around 80 and adjust by eye.

03

Use your brand colour

With Pro, set a custom colour or two-colour gradient to match your brand on every image.

FAQ

Questions,
answered.

How do I add a background to a screenshot?

Open the editor, paste or drop your screenshot, then click a background swatch. Adjust padding to taste and download.

Can I use my own background image?

Yes, with Pro you can use a custom colour, gradient or your own image.

Which file formats work?

PNG, JPG, WebP and GIF screenshots. Exports are PNG.

Pricing

Free forever.
Pro for clean exports.

No subscription. Pay once, keep it.

Free

$0
  • All window frames and canvas shapes
  • 10 gradient backgrounds
  • Padding, corners, shadow, border
  • HD export up to 1600 px
  • Small “Made with Snapgloss” mark
Start free
One-time

Pro

$19once
  • No watermark
  • Full-resolution and 4K export
  • Mesh gradients and a transparent background
  • Custom colour, gradient or image backgrounds
  • Every future feature
Get Pro

Try it on
your screenshot.

Open the editor