Screenshot Beautifier
Add a padded background, rounded corners, and shadow to a screenshot.
🔒 Runs entirely in your browser — your image is never uploaded.
Drag & drop a screenshot here, or click to browse
How Screenshot Beautifier works
How does the tool build that padded, backdrop look?
It expands the canvas beyond the screenshot's own size by your chosen padding amount and fills it with a ctx.createLinearGradient() using one of four preset color pairs. The screenshot is then clipped to a rounded-rectangle path — traced manually with ctx.arcTo() calls — before being drawn on top, and if the drop-shadow option is on, a solid white rounded shape is painted first purely to catch the shadow, since a shadow can't be applied to a clipped image directly.
When is this actually worth using?
It's built for turning a plain, edge-to-edge screenshot into something that looks presentable for a portfolio, a tweet, a blog post header, or a product landing page — the kind of framed, floating-window look you see in app marketing screenshots. Adjusting padding and corner radius independently lets you match the amount of "breathing room" to how the final image will be used.
Is there anything that doesn't carry over from the original file?
The output is always exported as PNG, so any transparency in your source image will be composited flat against the gradient background rather than preserved. Cranking the corner radius up on a small or narrow screenshot can also visually overshoot since the radius is capped at half the image's shortest side to avoid self-intersecting corners.