How to Make an App Screenshot, From Clean Capture to Store-Ready Asset
Capture a clean app screenshot from the simulator or a device, then turn it into a store-ready asset with a caption, frame, and correct export size.
"App screenshot" means two different jobs. First you capture the interface — a truthful image of a screen your app really shows. Then you build an asset — that screen inside a composition with a caption, at a size the store accepts. Most listing problems come from doing only the first job.
Job one: capture a screen worth using
From the iOS simulator. Run your app on the device class you need (for a current flagship set, that is a 6.9-inch or 6.5-inch iPhone). Press Cmd+S to save a raw screenshot at the display's native resolution. Use a demo account with realistic content — named contacts, dated events, actual photos — because lorem ipsum reads as unfinished. Turn off notifications and battery-charging overlays, and hide anything that ages the image, like yesterday's date in a header.
From a real iPhone or Android device. Take the screenshot normally, then crop the status bar and home indicator unless you want them. Real-device captures are the right call when the simulator cannot show a feature: camera previews, NFC flows, hardware keys.
From the Android emulator. Pick a phone and tablet AVD whose resolution you can export within Google Play's range rules, and disable the status-bar clock before capture so the set stays consistent.
One rule across all three: the screen must exist in the current build. Do not stage interfaces the app does not have.
Job two: turn the capture into an asset
A raw screenshot is not a listing image. Three additions make it work:
- A caption that promises something. One line, sized to read at search-result scale. "Find a parking spot you'll actually remember" works; "GPS-enabled" does not. The first screenshot has one job — decide that job before you design around it.
- A frame or background that holds the screen. A device frame is optional; a consistent background and margin are not. Keep text and the useful part of the interface away from the edges, since storefront previews crop and shrink.
- The right canvas. Place your capture into an export size the store accepts, not a stretched copy of whatever you designed first. Apple wants exact dimensions per display class, PNG or JPEG with no alpha; Google Play validates within a range. The details are in App Store Screenshot Sizes.
Assemble before you export
Make five or six assets this way, then read them as a strip. Each image should add a new reason to keep looking. Fix repeats by choosing a different screen, not by rewording the same caption. Then export every file against the store's current rules and check dimensions one last time before upload — Apple's specifications for the App Store, Google Play's asset requirements for Android.
If you would rather not manage canvases per device, an app screenshot generator workflow does the sizing; the capture and the caption stay your job. You can also start from a template in the editor and drop your real screens in.