What the tool builds around your screenshot
Drop a screenshot and the page composes a new image on a canvas: a background, a padding zone, your screenshot with rounded corners, and a soft drop shadow under it. Nothing in the screenshot is scaled; it is placed at its native pixel size and the canvas grows around it. The result downloads as a PNG with -beautified added to the name. All four controls redraw the preview immediately, and the preview is the exact output, so what you see is what you get.
The four controls
Background offers six two-colour gradients, Mint, Sunset, Ocean, Purple, Peach and Dark, drawn diagonally from the top-left corner to the bottom-right, plus flat White, flat Black and Transparent. Mint is the default. Padding is a percentage of the screenshot's longest side, from 0 to 25 with a default of 9, so the frame stays proportional on a small mobile capture and a wide desktop one. Corners sets the radius of the rounded clip, 0 to 40 pixels, default 16, capped at half the image size so a tiny icon cannot turn into a circle by accident. Shadow ranges from 0 to 60 and controls both the blur and the vertical offset of the shadow; it is a black shadow at 45 percent opacity, and the blur scales with padding so a wide frame gets a softer spread. With padding at 0 there is nowhere for the shadow to fall, so it is skipped.
Output size, in pixels and bytes
The canvas is the screenshot plus padding on all four sides. A 1920x1080 desktop capture at the default 9 percent padding gets 173 pixels on each side, producing a 2266x1426 image. A 1170x2532 iPhone screenshot at the same setting gets 228 pixels of frame and becomes 1626x2988. Because the output is PNG, and PNG stores flat colour and gradients efficiently, the file is usually not much bigger than the original screenshot: the 1920x1080 example typically lands between 500 KB and 1.5 MB depending on how much photographic content the screenshot holds. If you need it under a platform limit or for a fast-loading blog, run it through compress and pick WebP at quality 80; gradients and UI text survive that well.
Transparent backgrounds and where to use them
Choosing Transparent keeps the padding area clear while still drawing the rounded corners and the shadow, which makes the exported PNG drop cleanly onto a dark or coloured section of a website or a slide. The checkerboard behind the preview shows where the transparency is. Most social platforms flatten transparency to white or black on upload, so for X, LinkedIn and Instagram use a gradient or a flat colour instead. For documentation sites and README files the transparent option often looks best because it adapts to the reader's light or dark theme.
Practical notes and limits
One image at a time; drop another and it replaces the first. The page accepts JPG, PNG and WebP, and the sharpest results come from a lossless PNG screenshot, since JPEG artefacts around UI text become more noticeable next to a clean gradient. The screenshot is never resized here, so a 4K capture yields a very large output; if you want a specific final size for a post, run the finished image through the resize tool with a social preset, and check the social media image sizes guide for what each platform expects. There is no browser window mockup, no fake title bar and no text captions; it is a frame, not an editor. The rendering is done by the canvas in your browser, nothing is uploaded, and the screenshot, which may show private dashboards or messages, stays on your machine.