Screenshot Beautifier

Turn a plain screenshot into a presentable image for documentation, slides or social posts. Place it on a gradient or solid background with padding, rounded corners and a drop shadow, and optionally wrap it in a generic window frame with a title bar.

Collage & Layout Runs in your browser

Beautify a Screenshot

JavaScript is required. This tool runs in your browser, so please enable JavaScript to use it. The instructions below are still available.

Screenshot

Drag and drop a screenshot here, or click to browseAccepted: JPG, JPEG, PNG, WEBP, GIF, BMP, AVIF. Up to 30 MB.

Background

Colour 1

Colour 2

Padding

Corner radius

Shadow

Window frame

Window title (optional)

Output scale

Output format

Quality (JPG / WebP)

How to Use the Screenshot Beautifier

Choose your screenshot.
Pick a background preset, a solid colour or your own two-colour gradient.
Adjust padding, corner radius, shadow and the window frame (with an optional title).
Choose the scale and format, then press Generate to download.

About This Tool

Developers writing release notes, product marketers, technical writers, teachers and anyone sharing app screenshots.

Input: PNG, JPG, WebP, GIF (first frame), BMP, AVIF · Output: PNG, JPG or WebP.

Features and Limitations

Features

Six gradient presets plus solid, custom gradient and transparent backgrounds.
Rounded corners and soft or strong drop shadows.
Generic light or dark window frame with three dots and an optional title.
Export at 0.5×, 1× or 2× scale.

Limitations

The window frame is a neutral generic design, not a copy of a specific operating system or browser.
Scaling to 2× enlarges the screenshot itself, so it does not add real detail.
Processing happens on your device, so very large files depend on your browser's available memory.

Frequently Asked Questions

Does it work with any image, not just screenshots?

Yes, any picture can be framed, but the window frame is designed for app and web screenshots.

How do I keep the background transparent?

Choose “Transparent” as the background and PNG or WebP as the format. The shadow stays semi-transparent.

Why is my export larger than my screenshot?

Padding and the title bar are added around it. Use the 0.5× scale for a smaller file.

Is my screenshot uploaded?

No. Everything is drawn in your browser, which matters for screenshots that contain private information.