Screenshot Beautifier
Turn a raw screenshot into a polished product shot. Gradient background, macOS or browser window frame, rounded corners, drop shadow. All in your browser.
Drop a screenshot here
Screenshots, UI mockups, code snippets, anything
How to beautify a screenshot
Drop, pick a gradient, choose a frame, download. Under 30 seconds.
Drop your screenshot
Any image works, but screenshots and UI mockups look the best with this tool.
Pick a gradient
Choose from 7 gradient backgrounds. Sunset, ocean, forest, lavender, slate, amber, or rose.
Add a window frame
macOS gives you the three colored dots. Browser gives you a URL bar. Or choose none.
Fine tune and download
Adjust padding, corner radius, and shadow. Download as PNG.
Why beautified screenshots matter
A raw screenshot pasted into a blog post looks exactly like what it is: a screenshot. A beautified screenshot with a gradient background and a window frame looks like a professional product image. The difference in perceived quality is enormous even though the actual content is identical.
Tools like Carbon (for code) and Pika (for screenshots) popularised this style. This tool does the same thing but runs entirely in your browser with no upload. Your screenshots never leave your device, which matters if you are working with internal tools, dashboards, or anything proprietary.
Best uses for each gradient
Sunset and rose work great for product announcements and marketing material. Ocean and lavender fit technical content and developer tools. Forest feels natural and calm, good for sustainability or health related content. Slate is the safe corporate choice. Amber matches this site's own brand, obviously.
The macOS frame is by far the most popular choice for SaaS product screenshots. The three colored dots are instantly recognisable and create a sense of a real app. The browser frame works well for website screenshots specifically. No frame is the minimalist option when you just want the gradient background and shadow.
Check the screenshot before you share it
A polished frame draws attention, which makes it worth one look for things you did not mean to publish. Screenshots leak more than people expect.
- Other browser tabs, with their page titles readable in the tab bar.
- The bookmarks bar, which can reveal banks, clients or internal tools.
- Notifications that arrived while you were capturing, including message previews.
- Email addresses, usernames and real names in sidebars, chat lists or account menus.
- File names and folder paths in the window title.
If anything like that is visible, cover it with a solid block in the blur and censor tool before you beautify, then drop the censored copy in here.
Why screenshots from some screens are so large
High density displays capture far more pixels than their layout size suggests. A window that is 1440 points wide on a laptop with a 2x display becomes a 2880 pixel wide screenshot, and phones commonly capture at 3x. That extra resolution is what keeps the result sharp, and this tool keeps all of it.
The trade off is file size. A full resolution PNG of a 2x screenshot with a gradient around it can run to several megabytes. If you are posting to a platform that will shrink it anyway, run the result through the compress tool or the resize tool first.
Settings that tend to look right
There is no single correct look, but a few starting points work for most screenshots. Padding of around 5 to 10 percent of the screenshot width gives the frame room without swamping it. A corner radius between 8 and 16 pixels matches the rounded corners of most desktop and phone app windows. The drop shadow adds depth on light backgrounds and matters less on dark ones.
For phone screenshots, choose no window frame. A desktop title bar above a tall phone screen looks out of place, and the gradient alone is usually enough.