Useful Drawer

iPhone Photos Screenshot Generator

Drop in your own photo and get a clean iOS Photos screen around it — status bar, caption, date, filmstrip, and toolbar. Set the device, switch to dark mode, and export at true iPhone resolution. Nothing you open leaves your browser.

What this is for

Showing a photo inside a phone interface is a small design job that comes up constantly — a slide about a camera feature, a tutorial step, a storyboard frame, an app-store style social post, a portfolio case study. Doing it by hand means rebuilding the iOS chrome in Figma every time, and pulling a real screenshot off a phone means whatever caption and battery level happened to be there.

This does the boring part. You supply the photo, it supplies a screen that looks like the one people know, at a resolution that holds up when it lands in a deck or a retina display.

Export sizes

Every export is rendered at 3× the logical screen size, which matches what iOS itself produces:

  • iPhone 13 / 14390×844pt exports at 1170×2532px (iPhone 12, 12 Pro, 13, 13 Pro, 14)
  • iPhone 15 / 16393×852pt exports at 1179×2556px (iPhone 14 Pro, 15, 15 Pro, 16)
  • iPhone 16 Pro402×874pt exports at 1206×2622px (iPhone 16 Pro)
  • iPhone Plus / Pro Max430×932pt exports at 1290×2796px (iPhone 14 Pro Max, 15 Plus, 15 Pro Max, 16 Plus)
  • iPhone 16 Pro Max440×956pt exports at 1320×2868px (iPhone 16 Pro Max)

Getting the details right

The small things are what make a mockup read as real, and they are also what people get wrong:

  • Signal and Wi-Fi are mutually exclusive in practice. A phone on Wi-Fi shows the Wi-Fi glyph, not an LTE or 5G label. If you show 5G UC, drop the Wi-Fi icon.
  • Battery percentage is a setting, not a default. Plenty of people leave the number off entirely — but if you show it, a plausible mid-range number reads better than 100%.
  • Dark mode is more common than designers assume. The Photos app follows the system setting, and a dark screen often sits better in a layout than a white one.
  • The caption line is a place, not a filename. iOS puts the location above the date, so a place name reads correctly and "IMG_4021" does not.

Questions

What resolution does it export?

Three times the logical screen size, which is exactly what iOS writes when you take a screenshot on that model. A 393×852pt screen exports at 1179×2556 pixels. Pick your device from the dropdown and the export size follows it.

Do my photos get uploaded anywhere?

No. The tool runs entirely in your browser and there is no server behind it to upload to. Your images are read locally, rendered locally, and disappear when you close the tab.

Why does everything default to 9:41?

9:41 is the time Apple has shown in iPhone marketing since the original 2007 keynote, when Steve Jobs unveiled the phone at roughly that moment. It has been the convention in Apple's product imagery ever since, so it reads as natural in a mockup.

What do 5G UC and 5G UW mean?

They are carrier labels for faster mid- and high-band 5G. UC is T-Mobile's, UW is Verizon's, and AT&T shows plain 5G or 5G+. Matching the label to the carrier you are depicting is the detail people notice first.

Can I use the images commercially?

The images you make are yours. Keep in mind the tool draws an interface that resembles Apple's, so treat the output the way you would any device mockup: fine for presentations, tutorials, social posts, and design comps, and not something to present as a genuine Apple asset.

Related reading