Add a background to a screenshot
Put a screenshot on a gradient or a solid colour.
What this does
- Padding, a background and a shadow — the three things that turn a bare screenshot into something that looks deliberate in a blog post, a slide or a social card.
- It exports at full size — the preview is scaled down so the sliders stay responsive, but the download is rendered from your original. A 3840px screenshot comes back at 3840px plus the padding.
- Every measurement is relative — padding and corner radius are percentages of your image, not pixel counts, so the same settings look the same on a phone screenshot and a 5K one.
- Nothing is uploaded — it is one canvas draw in your browser. No account, no watermark, no export limit.
This page starts with more padding than the others, because that is what a background is for: the colour needs room to read as a deliberate backdrop rather than as a stray border.
Ten gradients are offered, all chosen to stay out of the way — a screenshot is the subject, and a background that competes with it defeats the point. If none of them suits, the solid option takes any colour you like.
Shapes are here too. A screenshot is rarely the right proportion for a social post, so the shape control pads it out to 16:9, 1:1, 4:5 or 9:16 without cropping anything away.
How to use it
- Drop in your screenshot.
- Pick a gradient, or switch to a solid colour.
- Set the padding, and a shape if you need one.
- Download.
Frequently asked questions
Will it crop my screenshot to fit a shape?
Never. Choosing a shape pads the short side out until the proportions match, so nothing is cut off — a screenshot that has been cropped to fit has lost the thing it was a screenshot of.
Can I use my brand colour?
Yes. Switch the background to Solid colour and pick any colour, including from your own palette.
What size does it export at?
Your screenshot’s resolution plus the padding. The exact figure is shown above the settings before you download.
Why do the gradients look muted?
On purpose. A saturated background pulls attention away from the screenshot and makes text inside it harder to read.
More free tools
All design →Poster Maker
Design a poster at A4, A3 or A2 and export a PDF the print shop can actually use.
Business Card Maker
Design a business card at the real standard size and export a 300 DPI PDF you can take to any printer.
Logo Maker
Make a clean monogram, wordmark or badge logo and download it as a transparent PNG.
Text Behind Image
Make words pass behind the person in your photo, the way a magazine cover does.
Combine Images
Join several images into one file, stacked or side by side.
Compress Image
Make JPG, PNG, WebP and HEIC images lighter in seconds. Set a target size or a quality level.