About the Screenshot Beautifier
A capture straight from the operating system is a flat rectangle with hard edges, and it looks like an accident when it lands in a changelog, a landing page or a slide. Three cheap additions fix that: a title bar so the reader knows they are looking at an application, a coloured field so the rectangle is not fighting the page background, and a shadow so it sits above rather than inside the layout.
The frame draws a bar above your capture at six percent of its height, with the three coloured buttons in the light or dark variant and an optional label centred in it. Type a URL or an application name into that label and the picture gains context without a caption. The plain variant keeps the bar but drops the buttons, which reads better for a mobile app or a terminal.
The whole plate, bar and capture together, is clipped to one rounded rectangle and drawn with a shadow derived from its alpha, so the shadow follows the rounded corners rather than a square outline. A one pixel light hairline along the top edge mimics the highlight real window managers draw, and it stops a dark capture from dissolving into a dark backdrop. Set the canvas shape to 1.91 to 1 when the image is destined for a link preview card, or 16:9 for a slide, and the backdrop grows to fill the ratio without cropping anything. For plain padding around artwork with no window chrome, Image Beautifier is the lighter option.
How to use
- Take a screenshot, then drop it onto the left pane or paste it from the clipboard.
- Pick a Window frame and type a title if you want the bar labelled.
- Choose a backdrop and adjust the gradient angle, padding and shadow.
- Set the canvas shape to match where the picture is going, then download it.
Common questions
- Can I paste a screenshot straight from the clipboard?
- Yes. Copy the capture, click this page and press the paste shortcut. The image loads without ever touching your disk.
- How do I get a transparent background instead of a gradient?
- Set the backdrop menu to Transparent and export a PNG. The window frame and its shadow survive while the field around them stays empty.
- What size should the capture be?
- Use the largest capture you have. The frame and padding are scaled from the picture, so a small capture gives a small final file rather than a blurry large one.
- Does the title bar text look like a real browser?
- It is a simple centred label rather than a copy of any particular browser interface, which keeps the result usable for apps, terminals and dashboards alike.