Screenshot Beautifier
Put a screenshot on a background with padding, rounded corners and a shadow.
Loading…
About the Screenshot Beautifier converter
A raw screenshot pasted into a changelog, a release note or a post looks like a raw screenshot. The same picture given room to breathe, rounded corners, a soft shadow and a window bar reads as something made on purpose.
Paste with the keyboard, adjust a few sliders, and copy the result straight back to the clipboard or download it as a PNG. Nothing is uploaded and nothing is watermarked.
Paste, do not upload
Taking a screenshot puts it on your clipboard, so pasting is how most people would rather move it around. Press the paste keys anywhere on the page and it appears — no file dialog, no drag, no save-then-find-it-again. Dropping a file and choosing one both work as well.
When you are done, the result can go straight back to the clipboard, ready to paste into a pull request, a chat message or a document. For most uses the file never has to exist at all.
Why proportions matter more than pixels
Padding here is set as a proportion of the screenshot rather than a number of pixels. That sounds like a detail and is the whole reason it looks right: a fixed 40 pixel margin swallows a small screenshot and disappears entirely around a 4K one. As a fraction, a tiny picture and an enormous one come out looking like they were made by the same hand.
Corner radius works the same way, scaled to the frame rather than fixed, so the curve stays in proportion at any size.
Choosing a shape — square, sixteen by nine, or the size social cards want — grows the background around your picture rather than cropping it. Nothing is ever cut off to fit a frame.
The window bar
A bar across the top, with or without the three round buttons, turns a cropped region into something that reads as a window rather than a fragment — a browser mockup without any of the work a mockup usually implies. It is drawn as part of the same rounded card as the screenshot, so the corners cut through both together instead of leaving a seam.
The optional title is worth using when the screenshot alone does not say where you are — a file name, a page name, or the command that produced it.
Backgrounds
There are flat colours, linear gradients and mesh backgrounds — the soft overlapping blobs of colour that give a picture depth without competing with it. Transparent is there too, for dropping the framed screenshot onto a background of your own.
The shadow is cast once by the whole card rather than by each part of it. Letting the bar and the screenshot cast separate shadows is what makes home-made versions look muddy along the join.
It stays on your machine
Everything happens in your browser. The screenshot is read into a canvas on your own device and the PNG is produced there, so nothing is sent anywhere at any point.
That matters more here than for most tools. Screenshots are taken in a hurry and routinely catch a tab title, an email address, a customer name or an internal URL along the edge — things nobody would deliberately upload to a stranger's server in order to add a drop shadow.
Frequently asked questions
Can I just paste a screenshot?
Yes, and it is the fastest way. Take your screenshot, then press the paste keys anywhere on this page. Dropping a file or choosing one both work too.
Is my screenshot uploaded?
No. It is read into a canvas in your own browser, everything is drawn on your device, and the PNG you download or copy is made there. Nothing is sent anywhere.
Is there a watermark or an export limit?
Neither. The full-size PNG is free, every time, with no account and nothing added to the image.
Will it crop my screenshot to fit a shape?
Never. Choosing a shape grows the background around the picture instead of cutting it. Your screenshot always appears whole.
Can I get a transparent background?
Yes. Pick the transparent option and the PNG keeps its alpha channel, so you can drop the framed screenshot onto a background of your own.
Why is my export so large?
It renders at twice the size so the result stays sharp on a high-density screen. Very large screenshots with heavy padding are scaled down to keep the file manageable, and the page tells you the final size.
Can I use it for social or Open Graph images?
Yes. The 1200 by 630 shape is the usual size for link previews, and sixteen by nine suits most other places. The background grows to fill the shape while your screenshot stays intact.