⬆
Drop a screenshot or click to uploadPNG, JPG, WebP · paste with Ctrl+V · nothing is uploadedDrop a screenshot and get a polished mockup with a gradient background, soft shadow, rounded corners and a browser or device frame. Export PNG in seconds.
12 free gradient, mesh, solid and transparent presets, or pick two colors and an angle for your own gradient. Optional film grain.
Mac and Windows windows, a browser with an editable URL, or a phone bezel. Frame color follows your screenshot automatically.
Padding, corner radius, shadow, tilt, inset border, image scale and social aspect ratios: 16:9, 4:3, 1:1, 4:5 and 9:16.
Rendering happens on a canvas inside your browser. Screenshots are never uploaded, and the tool works offline.
A raw screenshot is cropped tight, has hard edges and usually sits on whatever color your app happens to use. That reads as "unfinished" in a tweet, a landing page or a Product Hunt gallery. A good mockup fixes four things, and Screenshot Studio exposes each of them as a slider or a tile.
Finish with a caption if the image needs to stand on its own: a short title ("Introducing Inbox Zero") and a one-line subtitle. Keep the tilt under 6° unless you are going for a hero banner; it looks dramatic, but text in the screenshot becomes harder to read.
Use the aspect ratio chips to pad your mockup to the right shape. The canvas keeps your screenshot at full resolution and only grows the background, so nothing is scaled down or blurred. Export at 1x for the web and at 2x for anything that will be shown on a retina display or zoomed into.
| Platform | Ratio | Recommended pixels | Tip |
|---|---|---|---|
| Twitter / X post | 16:9 | 1600 × 900 (up to 4096 wide) | Dark gradients survive the timeline's compression best. |
| LinkedIn post | 4:5 or 1:1 | 1080 × 1350 / 1080 × 1080 | Vertical images take more feed space; keep padding small. |
| Product Hunt gallery | 16:10 | 1270 × 760 | Use the browser frame with your real domain in the URL field. |
| App Store / Play Store | 9:16 | 1290 × 2796 (6.7") | Phone frame, caption above, 2x export (Pro) for crisp text. |
| Dribbble shot | 4:3 | 1600 × 1200 or 2800 × 2100 | A mesh background and a slight tilt match the Dribbble aesthetic. |
| Open Graph / blog cover | 1.91:1 (use 16:9) | 1200 × 630 | Caption on, large font, Mono or Slate background for readability. |
Indie makers and startups use it for launch tweets, changelog posts and the "What's new" section of a landing page. Designers wrap UI explorations in a frame before posting to Dribbble or sharing with a client. Technical writers and support teams add padding and a subtle border so screenshots in docs do not bleed into the page background. Marketers batch-style a whole feature set with one preset so every image in a campaign looks consistent.
Screenshot Studio is a static page. When you drop an image it is decoded into memory, drawn onto a canvas together with the background, shadow and frame, and encoded back to PNG or JPG by your browser. There is no upload endpoint and no server-side rendering, so confidential dashboards, unreleased features and customer data never leave your computer. Your style settings are saved in localStorage so the tool opens exactly how you left it.
Yes. All backgrounds, frames, layout controls, captions and 1x PNG/JPG export are free with no sign-up. Free exports carry a small "Screenshot Studio · free" badge in the corner. The optional one-time Pro upgrade removes it and adds 2x/4x exports, premium backgrounds, batch export to ZIP and unlimited saved style presets.
No. The mockup is rendered with the HTML5 Canvas API inside your browser. Your screenshot never leaves your device, nothing is stored on a server, and the tool keeps working offline once the page has loaded.
You can drop, pick or paste PNG, JPG/JPEG, WebP, GIF (first frame) and BMP images. Output is PNG (with transparency support) or JPG at quality 92. HEIC photos from iPhones are not decoded by browsers, so export them as JPEG first.
Yes. The free tier adds a small "Screenshot Studio · free" badge in the bottom-right corner of exports. Screenshot Studio Pro, a one-time purchase, removes the badge from every export, including 2x and 4x and batch ZIP downloads.
With Pro you can drop several screenshots at the same time; the current background, frame, layout and caption settings are applied to every image and all results are downloaded as one ZIP file. The free version styles one screenshot at a time.
Yes. Choose the "Transparent" background tile and download as PNG. The shadow, frame and rounded corners are preserved on a transparent canvas so you can place the mockup on any slide, website or design. JPG does not support transparency, so JPG exports use a white background instead.
Already purchased? Enter license key