Product Screenshot Generator
Drop a magnifier loupe onto a product screenshot to focus attention on one feature, style the card with a background, padding and shadow, and export a polished marketing image — one screenshot or a whole batch at once.
Input
Up to 20 images · JPG, PNG, GIF, WebP or BMP. Processed entirely in your browser — nothing is uploaded.
Exported screenshots
Upload a screenshot, drop the magnifier where you want the focus, and your exportable image will appear here. Everything runs in your browser.
Guides
Turn a plain product screenshot into a polished, attention-directing marketing image. Drop a magnifier "loupe" onto the one feature you want people to notice, frame the shot on a styled card, and export it — ready for a landing page, a Product Hunt launch, an app store listing, or a social post.
How to use it
- Upload one or more screenshots — drag & drop, or browse. Every image you add gets its own magnifier, so a whole set of app screenshots can be styled consistently in one pass.
- Click anywhere on the preview to drop the magnifier there, then drag it to fine-tune the position. If you uploaded several images, pick the thumbnail you want to edit first — each one remembers its own magnifier position.
- Adjust the magnifier: shape (circle or rounded square), size, zoom, border width and color, and an optional drop shadow.
- Style the card: pick a solid color, a gradient (with an angle), or leave it transparent; then set the padding, corner radius, and whether the card itself casts a shadow.
- Choose an output format — PNG (keeps transparency), JPEG, or WebP — and a quality level for the lossy formats.
- Download the image you're editing, or use Download all (.zip) to export the whole batch at once with the same styling applied to each.
Privacy
Everything happens in your browser — your screenshots are never uploaded to a server. The magnifier effect, the card styling, and the final PNG/JPEG/WebP export are all rendered locally with the Canvas API.
Why does the magnifier area look zoomed in rather than just circled?
That's the point of a magnifier: instead of merely marking a spot, it redraws the pixels under that spot at a higher zoom level inside the loupe shape, so the detail you want noticed — a button, a metric, a small icon — is genuinely easier to see, not just pointed at. Increase the Zoom slider for a stronger effect, or reduce it if the magnified area starts looking pixelated (zooming into a very small, low-resolution source region can only show you what's actually there).
Can I use a different magnifier position for each image in a batch?
Yes. Position is the one setting that's per-image — click a thumbnail to select it, then drag its magnifier to wherever that particular screenshot needs it. Every other setting (shape, zoom, card background, padding, etc.) is shared across the whole batch, so a set of screenshots stays visually consistent.
Which output format should I pick?
PNG if you need a transparent background (choose "Transparent" for the card background too) or want a lossless result for further editing. JPEG or WebP for a smaller file size when you're embedding the image directly on a page or in a social post — WebP is usually the smaller of the two at the same visual quality.