Workspace / Screenshot / Beautifier

Screenshot beautifier

Wrap screenshots in a window frame on a gradient, with rounded corners and a soft shadow — ready for posts and docs.

Runs entirely in your browser
Upload your images
JPG, PNG, WebP, AVIF, HEIC · 50 MB max
Waiting for an imageProcessed on your device
Output settings
Window

Frame

Background

Format
Your files never leave your device
Fast local processing
Start over anytime

How did this tool do?

Making a screenshot look finished

A raw screenshot sits flat on a page, and its hard edges disappear into a white background. The beautifier makes it look like a real window. You get a title bar with the three coloured buttons, or a browser bar in a light or dark style with an address you type yourself. The window sits on one of eight gradients, a solid colour or a blurred copy of the screenshot.

Padding is measured from the screenshot's longer side, so the result keeps roughly the shape you captured: a wide capture stays wide and a tall one stays tall. That suits blog posts, documentation, README files and release notes, where the image just needs to look tidy in the text. If you need an exact shape instead, such as a 16:9 slide or a 9:16 story, the screenshot background tool fits your image onto a canvas of that ratio.

Because the frame makes every edge visible, crop out stray desktop or other windows before you start, and capture at your screen's full resolution. For docs, keep the padding modest, around 5 to 10%. A screenshot posted on its own looks better with more. Match the address bar text to the site in the capture, and use the dark browser style for dark-mode apps so the bar doesn't glare.

Download as PNG for anything with text or code. It stays sharp, and with the background set to None the rounded corners and shadow stay see-through, so the window sits on any page colour. Auto keeps each file's own format, so a JPG screenshot comes back as JPG, and JPG fills see-through areas with white. You can add several screenshots at once and they all get the same frame and background, so a set looks consistent.

Where you'll meet it

  • Docs and READMEs

    A browser frame with your own address, and light padding so it sits neatly in the text.

  • Code screenshots

    A dark gradient such as Night behind an editor or terminal capture.

  • A matching set

    Several screenshots with the same frame and background for a changelog or tutorial.

How to use it

  1. 01Drop or paste a screenshot (Ctrl+V works).
  2. 02Pick a frame and background, then set the padding, corners and shadow.
  3. 03Tap Beautify and download.

Screenshot styling, answered

Can I paste a screenshot directly?

Yes. Take a screenshot, then press Ctrl+V (or ⌘V) on this page.

Which format should I download?

PNG keeps text sharp and supports a transparent background. Choose WebP or JPG for smaller files when posting photos.

Are my images uploaded?

No. Everything runs in your browser, so your images never leave your device.