Screenshot Beautifier

Put a screenshot on a gradient, round its corners and give it room to breathe.

Runs on your deviceMoreWorkingNo account needed

What this tool does

Screenshot Beautifier draws your image onto a fresh canvas. A two-stop linear gradient fills the whole frame from the top-left corner to the bottom-right, a soft drop shadow is painted behind the picture, and the picture itself is clipped to a rounded rectangle and composited on top. The capture is copied at its own pixel size — never resampled, sharpened or recompressed — and the result is written out as a PNG.

Each control is a number whose effect you can predict. Padding runs from 0 to 40 per cent of the screenshot's shorter side, so the border stays proportional whether you captured a phone screen or a wide dashboard. Corner radius goes up to 60 pixels and is clamped to half the shorter side, so a small image cannot be rounded away into an ellipse. The shadow slider scales opacity, blur and vertical offset together. Six gradient presets — Dusk, Ocean, Sunrise, Forest, Slate and Ink — cover most needs, and Custom colours exposes the two stops directly.

Three things about the drawing are worth knowing up front. The output shape setting only ever grows the canvas: choosing 16:9 for a tall capture widens the background either side rather than cutting anything off, which is the safe behaviour, but it does mean a portrait shot in a landscape frame ends up mostly gradient. The shadow is cast by an opaque rectangle painted under the picture, so a screenshot with transparent regions shows black through them rather than the gradient, unless you take the shadow slider down to zero. And this is a padding-and-shadow tool rather than a mockup generator — it draws no browser chrome, no window title bar, no phone bezel and no tilt, so if what you want is a device frame around the shot, this is the wrong page. All of it is painted with the canvas API in this tab: the capture is never sent anywhere, and framing still runs with the network off.

How to use it

  1. Add your screenshot. Any image the browser can decode: PNG, JPEG, WebP or AVIF. Drop several at once and each is framed in turn with the same settings.
  2. Pick a background. One of the six gradients, or Custom colours to choose the start and end stops yourself. The blend always runs diagonally across the frame.
  3. Set padding, radius and shadow. Padding is a percentage of the shorter side, so it scales with the image. The shadow's blur and offset are scaled from that padding, so with no padding only a few fixed pixels of it remain, and unless a fixed output shape has widened the canvas there is no room to see even those.
  4. Choose the output shape. Leave it on Follow the screenshot to keep the natural proportions, or pick 16:9, 4:3, 3:2, 1:1 or 9:16 to pad the canvas out to a fixed ratio.
  5. Save the PNG. The download keeps your original name with -framed appended. The summary line reports the input and output pixel dimensions and the resulting file size.

Processing & privacy

Runs on your device. Your file is processed directly in this browser.

Common use cases

Announcing a change to your users

A bare capture on a white page reads as unfinished next to everything around it. A gradient and a shadow give the picture an edge the eye can find.

Dropping a capture into slides

16:9 pads a screenshot of any shape out to slide proportions, so it lands in a deck without being stretched or letterboxed by the layout.

A square or vertical social post

1:1 and 9:16 grow the background around the capture instead of cropping it, so no toolbar or label at the edge of the screenshot is lost.

Tidying a rough window capture

A ragged one-pixel border or a squared-off corner from a screen grab disappears once the shot is clipped to a radius and surrounded by colour.

Questions

Is my screenshot uploaded?
No. The gradient, the shadow and the rounded corners are all drawn by a canvas element inside this page. Your capture is never transmitted, logged or kept; disconnect the network and the framing carries on regardless.
Can it add a browser window or a phone bezel?
No. It paints a gradient, padding, rounded corners and a drop shadow, and nothing beyond that: there is no address bar, no title bar, no device frame and no 3D tilt. If a mockup frame is what you are after, this tool will not produce one.
What size is the output?
Your screenshot's own pixels, plus the padding, plus whatever the chosen output shape adds. Nothing is resampled, so a 1200×800 capture at 8 per cent padding comes out at 1328×928. A framed image beyond roughly 40 megapixels is refused with its dimensions named, rather than locking up the tab.
Why is the result always a PNG?
PNG is lossless and keeps a large gradient free of banding, so that is what gets written. There is no JPEG or WebP option here, which means a big framed capture can run to several megabytes — put it through Image Compressor or Convert Image if the size matters.
What happens to transparent areas in my image?
With any shadow at all they come out black. The shadow is produced by filling an opaque rounded rectangle behind the picture, and a see-through part of the shot reveals that plate instead of the gradient. Drag the shadow to 0 and the picture is composited straight onto the background, so the gradient does show through. Either way the exported PNG itself is fully opaque, since the gradient covers the whole canvas.
Can I frame a set of screenshots in one go?
Yes. Add them together and each is drawn with the same background, padding, radius and shadow, so the set comes out consistent. The settings cannot vary from one image to the next within a single run.
Why is my shadow barely visible?
Both its softness and its drop are multiplied by the padding you chose, and the frame around the picture is that same padding, so near zero the shadow is tiny and has nowhere to land. Raise the padding and the identical slider value becomes obvious.

Related tools

  • Video to GIF — Turn a short clip into an animated GIF.
  • QR Code Generator — Create a QR code for a link, text, Wi-Fi or vCard.
  • GIF Maker — Build an animated GIF from images or a clip.
  • GIF Compressor — Reduce GIF file size by trimming frames and colours.
  • GIF to MP4 — Convert a GIF to a much smaller MP4 video.
  • GIF Splitter — Split an animated GIF into individual frames.