Phone mockup generator

Drop a phone screenshot — we read its resolution, work out which phone it came from and wrap it in the right frame. Free, and it runs right in your browser.

Drop a phone screenshot

Drag it in, or press V to paste — we'll work out which phone it came from. Pick one from your photos and we'll work out which phone it came from.

Put a screenshot in a phone frame without opening a design tool

A raw phone screenshot is a bare rectangle. Dropped into a landing page, a pitch deck or a changelog post it reads as evidence rather than as a product — there is nothing to tell the viewer they are looking at a phone. Wrapping it in a device frame fixes that in one step, and it is the reason App Store listings, press kits and app review sites almost all use framed screenshots rather than bare ones.

The tedious part has always been picking the right frame. Screenshot dimensions are unforgiving: an iPhone 17 Pro capture is 1206 × 2622, an iPhone 16 is 1179 × 2556, a Pixel 10 Pro is 1280 × 2856. Drop a 1206 × 2622 image into a frame built for a 1179 × 2556 screen and it is stretched by two per cent — small enough that nobody can name what is wrong, large enough that iOS system text looks subtly off. This tool sidesteps the problem by reading the dimensions and choosing the frame for you.

How resolution detection works

Every phone writes screenshots at exactly one pixel size, set by its panel and its render scale. That makes the dimensions a fingerprint. When you drop a file, the tool reads its width and height and checks them against a table of around 55 devices, in this order:

  1. Exact match. 1206 × 2622 is an iPhone 17 Pro, 17 or 16 Pro.
  2. Rotated. 2622 × 1206 is the same phone held sideways, so the frame turns with it.
  3. Halved or thirded. Simulator exports at 1× and images that have been through a chat app often arrive at half or a third of native size. Those are matched back to the real device and framed at full resolution.
  4. Closest aspect ratio. If nothing matches, the phone with the nearest proportions is used and the tool says it scaled rather than matched, instead of silently pretending it knew.

Plenty of sizes are shared. Seven iPhone models capture at 1170 × 2532; four capture at 1179 × 2556. In most of those groups the frames are geometrically identical — same corner radius, same cutout, same bezel — so any pick renders the same image. Where they genuinely differ, such as the wide notch on an iPhone 12 versus the narrow one on a 13, the tool tells you the size is shared and puts every candidate at the top of the picker.

Why the frames are drawn, not photographed

Each frame is vector geometry rendered on a canvas, not a PNG bezel image. That means no megabytes of device artwork to download, and a 2× export is exactly as sharp as a 1× one. It also allows the corners to be right: iOS screen corners are continuous curves rather than circular arcs, and the rail, bezel and glass radii are derived from one another so the bands stay a constant width around the corner instead of pinching — the usual giveaway on a hand-drawn device frame.

Exporting for the App Store and Google Play

Both stores are picky about dimensions, and Apple's requirements changed recently. As of 2026 App Store Connect no longer has a 6.7-inch class at all: the old 1290 × 2796 size now uploads into the 6.9-inch slot, and every smaller iPhone class is auto-scaled from 6.9-inch. In practice that means a single set of 1320 × 2868 screenshots covers an entire iPhone listing, which is what the App Store preset exports.

Google Play publishes constraints rather than a fixed size: 320 px minimum per edge, 3840 px maximum, and the long edge no more than twice the short one, with 1080 px the bar for Play's promotional surfaces. The Play Store preset exports 1080 × 1920, comfortably inside all of them. Neither store accepts transparency, so selecting a store preset swaps a transparent background for white rather than letting you upload a file that would be rejected.

Framing a desktop screenshot instead

This tool is for phones. If you have a browser window or a Mac app to show off, the screenshot mockup tool wraps it in a macOS or Safari window frame with the same backgrounds and the same one-click PNG export. And if your source is an iPhone photo rather than a screenshot, browsers cannot decode HEIC — run it through the HEIC to JPG converter first.

Everything happens in your browser

There is no upload step and no queue, so the frame appears the moment you drop a file instead of after a round trip to a server. There is no sign-up, no watermark and no export limit.

Frequently Asked Questions

How does it know which phone my screenshot came from?

Every phone captures screenshots at one exact pixel size — an iPhone 17 Pro writes 1206 × 2622, a Pixel 10 writes 1080 × 2424. The tool reads those dimensions from your file and looks them up in a table of around 55 devices, so the match is a lookup rather than a guess — no machine learning is involved.

What if several phones share the same resolution?

That is normal — seven iPhone models capture at 1170 × 2532, and four at 1179 × 2556. When a size is shared, the tool says so and picks the model whose frame is right for most of that group, and every phone sharing the size is listed at the top of the device picker so you can switch in one click. Within most shared buckets the frames are geometrically identical anyway.

My screenshot does not match any device — what happens?

It still works. The tool finds the phone with the closest aspect ratio, fits your screenshot to that screen and tells you it scaled rather than matched. You can then pick any device by hand. Screenshots that have been through a chat app, resized, or exported from a simulator at 1× are also detected, because half and third sizes are checked too.

Can I export at App Store or Play Store sizes?

Yes. The App Store preset exports 1320 × 2868 — Apple’s 6.9-inch size, which every smaller iPhone class is automatically scaled down from, so one set covers the whole listing. The Play Store preset exports 1080 × 1920, inside Google’s 320–3840 px limits. Both stores reject images with transparency, so choosing a store preset switches a transparent background to white.

Does the frame cover the Dynamic Island or notch in my screenshot?

It draws them on top, which is deliberate. iOS already renders the island area black inside a real screenshot, so the drawn one lands on black and changes nothing. On a design mock or a simulator render that has no status bar, the same code adds the hardware that is missing. Either way you get a phone that looks like a phone.

Can I use the mockups commercially, and is there a watermark?

You can use them commercially, and there is no watermark. The tool is free with no sign-up, and what you export is yours to put in App Store and Play Store listings, ads, pitch decks or client work — without paying us and without crediting us. The device frames are drawn as vector shapes rather than licensed product photography, so no stock-image licence rides along with them.

Know the exact size of every capture

Snapix's area capture draws pixel-precise crosshairs with live dimensions, so the resolution is right before you ever export. Annotate with 15 tools, pull text out with on-device OCR, and every capture stays on your Mac.

Get Snapix

Free for 14 days · macOS 14+ · See pricing

Going? Take Snapix with you.

Every Pro feature — capture, annotate, blur, extract text — free for 14 days on your Mac. No credit card.

Start my free trial

Sign in with Apple or Google — your download starts right after.