Screenshot Maker

Turn a plain screenshot into a polished image for a launch post, a tweet or your docs - a soft background, a macOS, browser or phone frame and a shadow. Need to trim it first? Use the Image Cropper, or capture a whole web page with Website Screenshot.

macOS, browser, phone frames X, LinkedIn, Product Hunt sizes No upload No screenshot handy?
Related Tools
Website Screenshot Image Cropper Screenshot to PDF Image Annotator Compress PNG

How to make a screenshot mockup

  1. Add your screenshot. Paste it with Ctrl+V or Cmd+V, drop the file, or browse. PNG, JPG, WebP and HEIC work.
  2. Pick a background. Gradient, solid colour, soft colourful shapes, your own photo, or transparent.
  3. Choose a frame. macOS window, browser with your URL, Windows title bar or a phone frame, in light or dark. Adjust padding, corners and shadow.
  4. Size and export. Choose Auto or a size for X, LinkedIn or Product Hunt, 1x or 2x, then copy it or download PNG, JPG or WebP.

Made for launches, posts and docs

Product launchesProduct Hunt gallery size with a browser frame showing your real URL.
Social postsX and LinkedIn sizes, soft-shapes backgrounds and one-click copy to paste into the post.
Docs and blogsTransparent PNG with a subtle shadow sits nicely on any page. Point things out first with the Image Annotator.

Tips for better screenshot images

  • Capture at full resolution. Retina screenshots stay crisp even at 2x.
  • Crop the noise. Show the part that matters - trim it with the Image Cropper.
  • Match the background to your brand and keep it calm so the screenshot stays the star.
  • Phone frame: best with tall mobile screenshots, such as an iPhone or Android capture.

Frequently Asked Questions

Paste your screenshot with Ctrl+V or Cmd+V, pick a background and a frame, then choose a size such as X post or LinkedIn post.

The mockup is fitted inside with even padding and a soft shadow. Press Copy to paste it straight into a post.

A macOS-style window with the three coloured buttons and an optional title, a browser window with an address bar showing any URL you type, a Windows 11-style title bar, and a generic phone frame for mobile screenshots - each in light or dark.

Auto wraps the mockup tightly. Fixed sizes are X post 1600 x 900, LinkedIn post 1200 x 627, Product Hunt gallery 1270 x 760, link preview 1200 x 630, Instagram 1080 x 1080 and 1080 x 1350, Dribbble 1600 x 1200 and Full HD.

Choose 2x for extra-sharp images on high-resolution screens.

On a Mac press Cmd + Shift + 4 and hold Control while you select, so it goes to the clipboard. On Windows press Win + Shift + S.

Then click this page and press Ctrl+V or Cmd+V. Need the whole page of a website? Use Website Screenshot.

Yes. Choose Transparent and download as PNG or WebP - the window and its shadow stay, the rest is see-through. JPG cannot be transparent, so it gets white behind.

Yes. With Auto size the mockup is made at your screenshot's full resolution, and the frame grows with it, so a 3000 pixel capture gets a matching, crisp frame.

The real file size is shown before you download. Too big? Try Compress PNG.

No. Everything is drawn in your browser, so your screenshots never leave your device. Your style choices are remembered in this browser for next time.

Guides & Tutorials

All 14 guides
Comparison PNG vs JPG: Which Image Format Should You Actually Use? Read the guide Optimization How to Reduce Image File Size Without Losing Quality Read the guide Guide Complete ICO File Guide: Understanding, Opening & Converting Icon Files Read the guide