Guide12 minutesBeginner

How to create App Store screenshots that convert

App Store screenshots are the single largest conversion lever on your product page. A strong mockup set can lift installs by 30% or more. This guide walks through preparing the images, dropping them into a 3D device mockup, and exporting at the exact resolutions Apple and Google require.

Updated

¶ In numbers
+30%

conversion lift from strong screenshots

StoreMaven, App Store Optimization Benchmarks 2024

73%

of users read only the first 2 screenshots

Apple App Store Connect research, 2023

1290 × 2796

Apple's required resolution for 6.7" iPhone

Apple App Store Connect specification, 2026

¶ What you need
  • Your app's key screens exported at 2x from Figma, Sketch, or XD
  • A modern browser (Chrome, Safari, Firefox)
  • A MochiMockup account (free tier works)
¶ Steps6 total
  1. 01

    Export your app screens at 2x from Figma

    Open your design file and select the frame. Set the export scale to 2x and format to PNG. This gives you enough resolution to fill the 1290 × 2796 iPhone screenshot slot without upscaling artefacts.

    TipIf your Figma frame is 390 × 844 (iPhone 15 Pro), 2x export = 780 × 1688 which scales cleanly inside a 3D mockup.
  2. 02

    Pick a phone mockup template

    In MochiMockup, open the phone catalog and pick a scene that matches your brand. Neutral studio backdrops tend to convert better than busy lifestyle scenes for App Store use because they keep the eye on the UI.

  3. 03

    Upload your screen and position it on the device

    Drag your exported PNG onto the device screen. MochiMockup snaps the image to the screen bounds automatically. Use the canvas controls to nudge positioning if your UI has safe-area padding.

  4. 04

    Add a headline above the device

    Apple's research shows users read the first two screenshots more than any other. Put your strongest value claim above the device — something like "Track workouts in one tap" beats "Home screen".

    TipKeep headlines to 6 words or fewer. The thumbnail preview in the App Store is small.
  5. 05

    Export at 4K for pixel-perfect submission

    Switch to the Pro export tier to render at 3840 px wide. Apple's 6.7" iPhone slot is 1290 × 2796, so a 4K render downsamples cleanly. Save one PNG per screenshot.

  6. 06

    Upload to App Store Connect

    In App Store Connect, go to your app → Version → Screenshots. Upload the 6.7" iPhone set, then duplicate and resize for iPad (if applicable). Repeat for Google Play Console at 1080 × 1920 minimum.

¶ FAQ
What resolution does Apple require for App Store screenshots?

As of 2026, Apple requires 1290 × 2796 pixels for the 6.7" iPhone display (iPhone 15 Pro Max and later). Apple accepts a single screenshot set at this resolution for all modern iPhones, so you no longer need to upload multiple sizes for the 6.5" and 5.5" slots.

How many App Store screenshots should I upload?

Apple allows up to 10 screenshots per localisation. Most apps only need the first 3-4 because 73% of users never scroll past the second screenshot (Apple App Store Connect research, 2023). Focus quality on screenshots 1 and 2.

Can I use MochiMockup's free tier for App Store screenshots?

Yes for testing, but for final submission we recommend the Pro tier because Apple requires at least 1290 px on the shortest edge and the free 2K export gives you extra headroom for headlines and margins around the device.

Do I need a different mockup for iPhone vs iPad screenshots?

Yes. Apple treats iPhone and iPad as separate submissions, so you need separate mockup scenes — an iPhone template for the phone slot and a tablet template for the iPad slot. Both are available in the MochiMockup catalog.