Skip to content

Beautify screenshots and create mockups

Put a screenshot on a gradient background with shadows, rounded corners and a browser or device frame, rendered in your browser.

Drop or paste a screenshotPress Ctrl+V (⌘V) to paste straight from your clipboard
Choose screenshotProcessed on your device — never uploaded
Runs in your browser · no uploadHow it works

How to use Screenshot beautifier

  1. 1

    Paste a screenshot

    Press Ctrl+V (⌘V) on this page right after capturing, or drop an image file.

  2. 2

    Pick a background

    Choose a gradient, mesh, solid colour, your own photo, or transparency.

  3. 3

    Frame and style

    Add a browser, window, laptop, tablet or phone frame; tune padding, corners, shadow and caption.

  4. 4

    Export

    Select a size preset and 1×, 2× or 3×, then download the PNG or copy it.

Limits and Pro

Single screenshots up to 25 MB with every frame and background, exported up to 8000 px on the long side at 1×, 2× or 3×, unlimited and without a watermark.

Accepts source files larger than 25 MB; there are no Pro-only frames or styles. See Pro

About Screenshot beautifier

Screenshot beautifier wraps a raw capture in a designed composition and exports it as a PNG. The output size follows from your screenshot, the frame and the padding — a 1280 × 800 capture in a browser frame at the default padding becomes about 1510 × 1112 pixels at 1× and twice that at 2× — and the presets for 16:9, 1:1, 4:5, 9:16, X and LinkedIn extend the canvas to the platform's aspect ratio without cropping the image. Exports are capped at 8000 pixels on the long side, and a transparent background yields a PNG with an alpha channel that still includes the drop shadow.

Frames are generic devices and windows drawn by code at any resolution: a browser with an address bar in light or dark, a desktop window with traffic-light buttons and a title, a laptop with lid and deck, a tablet, and phone shapes with an island or a punch-hole camera. There are 12 tonal gradients and 6 mesh gradients, or a solid colour or photo with optional blur.

It is built for product launches, documentation, release notes, social posts and slides. It does not annotate (no arrows or callouts over the capture), it does not grab the screen itself, and the frames are stylised rather than exact replicas of any manufacturer's hardware.

Privacy

The whole composition is rendered on a canvas in your browser, so your file never leaves your device — captures of dashboards and unreleased features stay private. Adding a caption loads its typeface from Google Fonts; that request contains no screenshot data.

Features

Drawn frames

Browser, window, laptop, tablet and two phone styles, generated at any resolution.

Gradient & mesh backgrounds

Material-inspired tonal gradients, mesh blends, solid colours or your own photo.

Social presets

16:9, 1:1, 4:5, 9:16, X and LinkedIn canvases that never crop the capture.

Screenshot beautifier: frequently asked questions

How do I make a screenshot look professional?
Give it space and depth. Put it on a soft gradient with 8–12% padding, round the corners slightly, add a gentle shadow, and wrap website captures in a browser frame showing your real address. Keep the background calm so the interface stays the focus, and export at 2× so small text remains crisp when social networks resize the image.
Which size preset should I choose for social media?
Use 16:9 for posts on X and for YouTube thumbnails, LinkedIn for link-style posts at 1.91:1, 1:1 or 4:5 for Instagram and LinkedIn feed images, and 9:16 for Stories, Reels and Shorts. Auto simply fits the canvas around your framed screenshot. A preset only extends the background, so the screenshot itself is never cropped or squeezed.
Can I export with a transparent background?
Yes. Choose None under Background and the PNG keeps an alpha channel, with only the framed screenshot and its soft drop shadow opaque. That is ideal for placing the image on a coloured slide, a landing-page section or a design file. Copying to the clipboard also preserves transparency in apps that support it, such as Figma, Keynote and most design tools.
Are the device frames real product images?
No. Every frame is drawn procedurally by the tool's code from rectangles, curves and gradients rather than taken from manufacturers' artwork, so it scales to any resolution and carries no trademark imagery. The shapes are deliberately generic: a phone with an island-style cut-out or a punch-hole camera, a laptop, a tablet, a desktop window and a browser.
Why export at 2× or 3×?
High-density screens show two or three device pixels per CSS pixel, so a 1× image looks soft on them, and platforms such as X and LinkedIn downscale uploads, which blurs small text further. Exporting at 2× gives enough pixels for both cases at a reasonable file size, while 3× suits print and very large displays. The scale changes pixel count, not the layout.
All image tools