Make Screenshots Look Polished

A bare screenshot posted in a feed or dropped on a slide has no edge. Its white window merges with a white page, and its sharp corners make it look like a mistake rather than a picture. A frame gives it a border of color, space to breathe and a shadow that lifts it off the background, so the eye knows where the content starts.

That is why product updates, changelogs, tutorials and launch posts so often show screenshots on a gradient. It is a small amount of design that makes a plain capture look intentional, and with a preset style it takes no design skill.

A frame that has to fit a fixed canvas size can only make room for padding by scaling the screenshot down, and scaling softens small text. Here the screenshot is drawn at its own pixel size, one to one, and the canvas is made larger to hold the padding. A capture from a high-density screen keeps all of its detail.

If you do want a specific final size, for example a width a blog theme expects, set it under Resize; the whole framed picture is then scaled once, at export. Choose PNG for anything with text: it is lossless, so letters keep clean edges.

Dark gradients such as Midnight and Graphite suit light interfaces, because the screenshot stands out against them. Bright ones such as Peach, Mist or Meadow flatter dark-mode screenshots. A solid color can match your brand or a slide template exactly.

Blurred copy uses a soft, enlarged version of the screenshot itself as the backdrop, which picks up its colors automatically. Transparent leaves only the screenshot with its rounded corners and shadow, for placing on a page or in a design file; that needs PNG or WebP, since JPG fills transparency with white.

• Padding: none, small, medium or large, measured from the canvas’s shorter side.
• Corners: from square to strongly rounded, measured from the screenshot’s shorter side.
• Shadow: a soft drop shadow below the screenshot, on by default.

Docs and release notes usually need several screenshots that match. Style one, then choose Apply to many and add the rest: the frame, and any adjustments, are applied to every file in a batch, saved together as a zip. Arrows and redactions stay with the screenshot they were drawn on.

Screenshots show what was on your screen: messages, dashboards, customer data, unreleased features. Framing one here happens entirely in your browser, and the finished image goes straight from the tab to your device or clipboard.

If something in the capture shouldn’t be seen, cover it with Redact before you export. The saved file is rendered fresh, so nothing under the cover survives.

You don't have to take our word for it. Three checks:

1. Open your browser's developer tools, choose the Network tab, then open and save an image. No request carries your file.
2. Open an image here once, then turn on airplane mode and run the same job again. It still works, because nothing needs a server.
3. Read the page's response headers: its Content-Security-Policy lets it connect only to this site itself, so there is no outside host a file could go to.

How it works, and how to check it yourself