CREATIVE
☞ runs entirely in your browser — nothing is uploadedDrop your image here
or click to browse — PNG, JPG, WebP or GIF
Preview
CREATIVE
Padding, rounded corners, a soft shadow and a gradient behind it.
or click to browse — PNG, JPG, WebP or GIF
Preview
the frame is the point
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
PNG, JPG, WebP or GIF. It is decoded in the page and never uploaded.
Start from the defaults and adjust. Two colour swatches control the background: different colours give a diagonal gradient, identical ones give a flat colour.
PNG keeps interface text crisp — which is usually the point of a screenshot. JPEG is smaller when the capture is mostly photography.
quick answers
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.
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.
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.
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.
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.
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.