How to Make App Store Screenshots: A Step-by-Step Guide for 2026
Learn how to make App Store screenshots in 9 steps: plan the story, capture clean screens, write headlines, design, localize, export and upload.
ScreenShipper team · · 9 min read
Quick answer: To make App Store screenshots, rank the 5–8 benefits that sell your app, capture clean screens of each at high resolution, write a short headline per screen, place everything in one consistent layout with device frames, localize the text, then export flattened JPEG or PNG files at the required sizes (6.3″ plus 6.9″ or 6.5″ iPhone, and 13″ iPad for iPad apps) and upload them in App Store Connect.
The 9-Step Process at a Glance
Plan first, design once, then generate every size and language from that single design. Here is the whole workflow.
| Step | What you do | What you end up with |
|---|---|---|
| 1. Plan the story | Rank benefits, pick one per screen | A numbered storyboard |
| 2. Capture screens | Clean status bar, realistic demo data | Raw PNG captures |
| 3. Write headlines | One benefit-first line per screen | A copy sheet |
| 4. Choose a layout | Framed, frameless, panoramic or mixed | A template |
| 5. Apply brand colors and fonts | One dominant color, one accent, one type family | A visual system |
| 6. Add device frames | Current Apple devices, consistent angle | Finished master set |
| 7. Localize | Translate copy, swap localized captures | One set per language |
| 8. Export | Required sizes, JPEG or PNG, no alpha | Upload-ready files |
| 9. Upload and order | App Store Connect, per device and language | A live product page |
Steps 1–2: Plan the Story and Take the Screenshots
Step 1: Plan your screenshot story
List every feature your app has, then rewrite each one as an outcome for the user. "Recurring reminders" becomes "Never miss a dose." Rank the outcomes by how much they influence the download decision, not by how hard they were to build.
Your top three go first, because the first one to three images can appear right in search results. The first App Store screenshot carries the most weight of all, so give it your single strongest promise. Then give every later screenshot exactly one message. A simple storyboard for a habit tracker looks like this:
- Build habits that stick (today view with streaks)
- Set it up in seconds (habit creation sheet)
- See your progress (weekly chart)
- Gentle reminders (notification settings)
- Works with Apple Health (sync screen)
- Loved by thousands (only if your ratings truly support it)
Step 2: Capture clean screens
Capture each planned screen on the largest iPhone simulator or device you have, so the UI stays sharp when it is scaled into a frame. Before you capture:
- Set a clean status bar. In the iOS Simulator, run
xcrun simctl status_bar booted override --time 9:41 --batteryState charged --batteryLevel 100 --cellularBars 4. Our clean status bar guide covers Android demo mode too. - Save captures with
xcrun simctl io booted screenshot today.png, or withadb exec-out screencap -p > today.pngon an Android emulator. - Fill the app with realistic, fictional demo data. Apple's Guideline 2.3.9 asks for fictional account information rather than a real person's data.
- Remove debug banners, empty states, placeholder text and notification badges.
- If your app supports Dark Mode, capture a dark version of at least one key screen.
Shipping many languages? Automate captures with UI tests (fastlane snapshot on iOS, screengrab on Android).
Steps 3–4: Write Headlines and Choose a Layout
Step 3: Write one headline per screen
Each screenshot gets a headline of roughly 3–6 words that states a benefit, optionally with a short eyebrow above it or a subtitle below. Lead with a verb or an outcome and highlight one key word in your accent color.
| Feature-first (weak) | Benefit-first (stronger) |
|---|---|
| Advanced filters | Find any photo in seconds |
| Cloud sync | Your notes on every device |
| Budget categories | See where your money goes |
Keep all copy in one sheet, with a column per language. Our guide to App Store screenshot captions has a formula and dozens of examples by category.
Step 4: Choose a layout
Pick one layout system and apply it to the whole set. Common options:
- Framed device with headline above: the safe default for most apps.
- Frameless UI: the screen itself fills the canvas, so details read larger.
- Panoramic: backgrounds and objects flow across neighboring screenshots.
- Zoomed callout: a magnified part of the UI highlights one detail.
- Landscape: for games and video apps that run in landscape.
Browse proven arrangements in our App Store screenshot examples or in the inspiration gallery, which collects screenshots from top free US App Store apps in 12 categories.
Steps 5–6: Apply Colors, Fonts and Device Frames
Step 5: Build a small visual system
Use one dominant background color, one accent for highlighted words and neutral text colors. Take the dominant color from your app icon so the search result reads as one unit. Check that headlines have strong contrast against the background, especially on gradients. Our guide to App Store screenshot colors goes deeper on palettes and contrast.
For type, one family in two weights is enough: bold for headlines, regular for subtitles. Headlines should stay readable when the screenshot is shown at search-result size, so test by shrinking your design until it is roughly as wide as a thumb.
Step 6: Add device frames
Frames signal the platform instantly and give the screen a clean edge. A few rules:
- Use Apple devices only. Guideline 2.3.10 rules out other mobile platforms' names, icons and imagery in your metadata.
- Match the frame to the screenshot slot: iPhone frames for iPhone sets, iPad frames for iPad sets.
- Keep angle and scale consistent across the set, and never stretch a capture to fit a frame.
Step 7: Localize Without Rebuilding Everything
Finish the design in your primary language, freeze the layout, then translate only the copy sheet.
Plan for text expansion. German and French headlines often run noticeably longer than English, so leave room or let headlines shrink to fit. Right-to-left languages such as Arabic and Hebrew may need mirrored layouts, and CJK languages need a font that actually includes those characters. Where your app UI is translated, swap in localized captures too, because English UI under a Japanese headline looks unfinished. Our screenshot localization guide explains which markets to prioritize.
In App Store Connect, each localization has its own screenshot slots. You switch between them with the language pop-up menu at the top right of the version page.
Step 8: Export the Right Sizes and Formats
Apple accepts 1 to 10 screenshots per device size and localization, as .jpeg, .jpg or .png. Its specifications state that images can't include alpha channels or transparency, so export flattened RGB files.
For most iPhone apps, plan on these sets:
- iPhone 6.3″: required for every iPhone app (1206 × 2622 or 1179 × 2556).
- iPhone 6.9″: optional, but if you skip it you must provide 6.5″ instead.
- iPad 13″: required if your app runs on iPad. Design it separately, because the aspect ratio is different.
Smaller iPhone and iPad sizes are scaled automatically from these. The full list, including Mac, Apple Watch and the upcoming iPhone Duo slots, lives in our App Store screenshot sizes guide. Before uploading, drop a file into the free screenshot size checker to confirm which slot it fits and catch hidden alpha channels. The App Store screenshot requirements article covers the remaining technical rules.
Shipping on Android too? Reuse the same design for Google Play, which needs 2–8 phone screenshots plus a 1024 × 500 feature graphic. See the Google Play screenshot sizes.
Step 9: Upload and Order Them in App Store Connect
- Open your app in App Store Connect and select the version you are preparing.
- Go to the App Previews and Screenshots section and choose the device size tab.
- Drag your files into the upload well in the order you want, or upload them and drag to reorder.
- Switch the language in the top-right pop-up menu and repeat for each localization.
- Select View All Sizes in Media Manager to review scaled sizes and replace any that need a custom version.
- Submit the version for review.
Screenshots are reviewed with the version, so plan changes for your next release. To try alternatives on a live app, use Product Page Optimization tests or Custom Product Pages.
Choosing a Tool: Figma, Canva, a Generator or a Designer
| Option | Strengths | Trade-offs |
|---|---|---|
| Figma | Full creative control, good for design teams | One frame per size and language to maintain by hand |
| Canva | Easy to start, custom dimensions | Manual resizing per device, check export settings for alpha |
| fastlane frameit | Automated frames and titles from config files | Limited layout options, setup takes time |
| Screenshot generator | Templates, all sizes and languages from one design | Less freedom than a blank canvas |
| Freelance designer | Custom art direction | Slower and costlier to iterate or localize |
Judge any option on how fast you can change one headline across every language and whether exports match store sizes exactly, without alpha. Then run the set against our App Store screenshot best practices before you submit.
Frequently Asked Questions
What resolution should I capture app screens at?
Capture at the native resolution of the largest iPhone simulator or device you have. High-resolution captures stay sharp when they are scaled into a device frame on a 6.9″ or 6.3″ canvas, while small captures look soft.
Do I need a Mac to make App Store screenshots?
You need a Mac to capture from the iOS Simulator, which runs in Xcode. You can also capture on a physical iPhone with the side and volume-up buttons and design the final images in a browser-based tool.
Can I make App Store screenshots for free?
Yes, with simulator captures and a free design tool, as long as you export exact sizes without alpha. In ScreenShipper, designing is free and a free account exports a watermarked half-size preview; store-ready full-resolution export is part of Pro.
Can I use the same screenshots for iPhone and iPad?
No. The iPad 13″ slot has a different aspect ratio, and stretched iPhone screens look wrong on iPad. Show your real iPad layout in an iPad frame.
Can I change screenshots without releasing a new version?
Screenshots are uploaded and reviewed together with an app version that is still editable, such as one in Prepare for Submission. To test new screenshots on a live app, use Product Page Optimization or Custom Product Pages.
Sources
Design your App Store screenshots now
Pick one of 102 templates, drop in your app screens and export every iPhone, iPad and Android size from one design.