CREATIVE

Screenshot beautifier

Padding, rounded corners, a soft shadow and a gradient behind it.

CREATIVE

☞ runs entirely in your browser — nothing is uploaded

Drop your image here

or click to browse — PNG, JPG, WebP or GIF

the frame is the point

A raw screenshot looks wrong in a slide

A screenshot is a rectangle that ends abruptly. Put it on a slide or in a post and it reads as an artefact — the hard edge collides with whatever is behind it, and there is no visual gap between the interface you captured and the document containing it. What fixes it is not filters: it is space around the image, a softened corner, and something that puts the rectangle above the background rather than flush against it.

That is three settings, and all three are percentages here rather than pixels. Twenty pixels of padding is generous around a 400 pixel thumbnail and invisible around a 3000 pixel retina capture; a percentage of the shorter side means the same setting looks deliberate at either scale. The shadow is measured the same way, so it stays proportional instead of turning into a hard black line on large captures.

three steps

How to beautify a screenshot

01

Drop the screenshot in

PNG, JPG, WebP or GIF. It is decoded in the page and never uploaded.

02

Set padding, corners and shadow

Start from the defaults and adjust. Two colour swatches control the background: different colours give a diagonal gradient, identical ones give a flat colour.

03

Download

PNG keeps interface text crisp — which is usually the point of a screenshot. JPEG is smaller when the capture is mostly photography.

quick answers

Screenshot beautifier FAQ

Why are padding and radius percentages instead of pixels?

Because a pixel value only works at one image size. Ten percent of the shorter side looks the same on a 400 pixel screenshot and a 3000 pixel one, while 40 pixels is a wide margin on the first and a hairline on the second. The pixel equivalent is shown under the preview if you need to match a spec.

How do I get a flat background instead of a gradient?

Set both colour swatches to the same value. The gradient only appears when the two differ; when they match, the background is filled with that single colour.

Should I export PNG or JPEG?

PNG for anything containing interface text. JPEG compression puts halos around sharp letter edges, which is exactly what a screenshot is made of. JPEG is the better pick only when the capture is mostly photographic.

Does the shadow work on a transparent export?

This tool always paints the background, because the background is part of the result — a beautified screenshot with transparent edges would show whatever is behind it and defeat the point. If you want transparent corners instead, use the rounded corners tool.

Is there a size limit?

Files up to 25 MB, and the export is scaled down if the padded result would exceed what a browser canvas can draw. The preview says so when that happens rather than handing you a blank file.

Does anything get uploaded?

No. The screenshot is decoded, drawn and re-encoded in your browser. That matters more here than on most tools — screenshots tend to contain exactly the things you would not want on someone else’s server.