๐ฅ๐๐กโจ
๐ปโค๏ธ๐๐
โญ๐๐โ
๐ฏ๐๐๐
๐๐ฆ๐ฎ๐ช
โฌ๐ฅ๐ง๐จ
๐ฉ๐ฆ๐ช๐ด
๐ ๐ก๐ข๐ต
โญโโถ๏ธ๐บ
๐ป๐ ๐ท๐ถ
100%
example.com
example.com
example.com
How to Use Screenshot Beautifier
Getting Started
- Upload your screenshot โ Drag & drop an image onto the canvas, or click the upload area to browse files. PNG, JPG, GIF, and WebP are supported.
- Choose a Frame โ Pick a browser chrome style (MacOS, Safari, Windows, Arc, Card, or None) from the Frame section in the sidebar.
- Set the URL โ Type any URL text in the URL field below the frame options. Toggle the eye icon to hide/show it.
Customise the Look
- Canvas Size โ Choose Auto (fits your image) or pick a ratio like 1:1, 16:9, 4:3. Use the custom W ร H inputs for exact pixel dimensions.
- Tilt & Perspective โ Click a preset tile (Left, Right, Float, etc.) or use the sliders for a custom angle. The export will capture exactly what you see.
- Border Radius โ Choose Sharp, Smooth, or Round corners, or fine-tune with the slider.
- Shadow โ Add a Spread or Hug shadow and control its intensity with the slider.
- Background โ Pick a gradient preset, a solid colour (custom colour picker), or set it to transparent.
- Canvas Padding โ Controls the space between your screenshot and the canvas edge.
Toolbar
- Reset โ Resets all formatting to defaults while keeping your uploaded image.
- Canvas Size icon โ Jumps to the Canvas Size section.
- Tilt icon โ Jumps to the Tilt section.
- Stickers ๐ โ Opens the emoji/shape picker. Click an emoji to place it on the canvas. Drag to reposition, double-click to remove.
- Annotate โ๏ธ โ Enables freehand drawing over your screenshot. Click the palette icon to change pen colour, and the eraser icon to clear all annotations.
Exporting
- Choose 1ร, 2ร, or 3ร resolution scale.
- Choose PNG (lossless) or WebP (smaller file size) format.
- Click Export Image to download. The file is generated locally โ nothing is uploaded to any server.
Tips
- Use 2ร or 3ร export for high-resolution social media posts.
- Use Transparent background if you want to composite the result in another tool.
- The URL bar text is fully editable โ click directly on it in the canvas too.
- Zoom in/out with the +/โ controls in the top-right of the canvas area.
About Screenshot Beautifier
Screenshot Beautifier is a free, browser-based tool for turning plain screenshots into polished, share-worthy visuals โ no sign-up required, no files uploaded.
Everything runs entirely in your browser using HTML Canvas and CSS. Your images never leave your device.
Features
Browser Frames Gradients Shadows Tilt & Perspective Annotations Stickers PNG & WebP Export Dark Mode Mobile FriendlyKeywords
Screenshot Beautifier ยท Screenshot Editor ยท Screenshot Framer ยท Beautify Screenshots ยท Browser Frame Mockup ยท Social Media Screenshot ยท Free Screenshot Tool
Developer
Built by vinish.dev โ crafting tools that make design accessible to everyone.