← Back to blog

App Store Screenshot Best Practices

This is what I check before I upload App Store screenshots. The example is the kit I made for Smoke Off, my quit-smoking app. Every rule from Apple has a link to Apple’s own page.

App Store Screenshot Best Practices title on a painted sky, above the Smoke Off screenshot kit in English and German

Your first three screenshots do most of the work

Apple lets you upload up to 10 screenshots.

In search results though, people see only the first one to three, when you don’t have an app preview video. That’s from Apple’s product page guide.

So I treat the first three as the whole pitch. The rest is for people who already tapped on the app.

Smoke Off screenshot 1: Take Control
1 Take ControlWhat the app does, on the home screen
Smoke Off screenshot 2: Break Free
2 Break FreeHow it works: short lessons
Smoke Off screenshot 3: Beat Cravings
3 Beat CravingsOne more reason: help in the hard moment
Smoke Off screenshot 4: Spot Patterns
4 Spot PatternsThe data, for people who keep scrolling
My Smoke Off kit for the App Store, in the order I upload it.

The order follows one idea:

what you get → how it works → one more reason to download

If your first screenshot is a logo or a login screen, you just used one of your three spots on nothing.

One idea per screenshot

Each Smoke Off screenshot says one thing. A title of two words and one short line under it.

If I need a paragraph to explain a screen, the idea is too big. Or it’s the wrong screen. At least that’s how it works for me.

  • The big title is two or three words.
  • The line under it says the benefit, with the word people search for.
  • The app screen proves what the title says.

Then keep the same look on every screenshot: same font, same colors, same phone. Only the content changes, so the set reads like one story.

Combatly screenshot 1: Reward streaks
Reward streaks
Combatly screenshot 2: Know every fighter
Know every fighter
Combatly screenshot 3: Your gym
Your gym
Three Combatly screens with the same font, colors and phone. More examples in App Store screenshot templates.

Show the real app

Apple is pretty clear about this. Guideline 2.3.3 says screenshots “should show the app in use, and not merely the title art, login page, or splash screen.”

Raw iPhone capture of the Smoke Off “Need a moment?” screen
My iPhone capture
The same screen in the Smoke Off kit, with the title Beat Cravings
The same screen in the kit
The title adds context. The screen inside the phone stays exactly what the app shows.

Pick a screen with real-looking content. An empty list or a loading spinner doesn’t show anything worth downloading.

And never show a real person’s account. Make up the names and numbers.

Check them at search size

You design screenshots on a big screen. People see them on a phone, three in a row, while scrolling.

Roughly how big the first three look in search on an iPhone. It’s a mockup, not a real capture.

If a title isn’t readable at this size, it’s too long or the font is too thin.

The quick check: open the set on your phone and hold it at arm’s length. Can you still read every title?

Apple’s rules and sizes

Before you upload, check the files. These come from Apple’s screenshot specifications:

  • Up to 10 screenshots per device size.
  • Only .jpeg, .jpg or .png.
  • No alpha channel or transparency.
  • The exact pixel size of the slot. Close isn’t enough.

One trap: 1284 × 2778 and 1290 × 2796 look almost the same. In App Store Connect they’re two different groups.

The kits I make with Minimalist Screens are 1242 × 2688 for the App Store. Apple takes that size in the “iPhone with Face ID (large display)” group. You need that group only if you don’t upload the bigger Dynamic Island screenshots.

Smoke Off screenshot 1 for the App Store, 1242 × 2688
App Store 1242 × 2688
The same Smoke Off screenshot for Google Play, 1080 × 1920
Google Play 1080 × 1920
Same screen, two stores. Each one gets its own size.

The full tables are in the screenshot size guide. If App Store Connect refuses a file, the size checker tells you what’s wrong with it.

Localize the screenshots too

I made the Smoke Off kit in 8 languages: English, French, Italian, German, Polish, Norwegian, Korean and Chinese.

Smoke Off screenshot 1 in English: Take Control
English
Smoke Off screenshot 1 in German: Übernimm die Kontrolle
German
Smoke Off screenshot 1 in Polish: Przejmij kontrolę
Polish
Smoke Off screenshot 1 in Korean: 스스로 조절하세요
Korean
The first screenshot in four of the eight languages.

Look at the German one. “Take Control” becomes “Übernimm die Kontrolle”, and the title needs two lines. So check every language, not only English.

In my kit only the text around the phone is translated. The app screens inside are the English ones. If your app is translated, use translated captures too, so the screen matches the caption.

More on this in how to localize screenshot captions, and in Apple’s localization page.

Test one change at a time

Apple has a tool for this: Product Page Optimization.

You can test up to three versions against your current page, for up to 90 days. App Store Connect then shows the conversion rate and a confidence level for each one.

Change one thing per test. The first screenshot, or the order. If you change everything at once, you won’t know what worked.

To be fair, a small app might not get enough traffic for a clear result. That’s normal. The screenshot A/B testing guide goes into more detail.

Before you upload

  • The first screenshot says what the app does.
  • The first three show three different things.
  • Every title is readable on a phone, at search size.
  • The screens come from the current version, with made-up data.
  • Every language gets its own check, not only English.
  • The files are .png or .jpeg, without transparency, at the exact size of the slot.

That’s my list. Is there something you always check that’s missing here? Tell me on X and I’ll add it.

Make your screenshot kit.

Upload your screens and see the preview for free. You pay only for the clean download.

Create your kit

Frequently asked questions

How do I make good App Store screenshots?

Start from what your app does for people. Put that in the first screenshot, with the real screen that proves it. Use one short title per image and check that it reads at search size. Read about the first three →

How many screenshots appear in App Store search results?

The first one to three, depending on orientation, when you don’t have an app preview. That’s from Apple’s product page guide. On the product page itself you can show up to 10. Read Apple’s guide →

What are Apple’s rules for App Store screenshots?

Guideline 2.3.3 says screenshots should show the app in use, not just title art, a login page or a splash screen. The files must be .jpeg, .jpg or .png, without transparency, at an accepted size. You can upload up to 10 per device size. See the rules and sizes →

Why does App Store Connect say the dimensions are wrong?

The file doesn’t match an accepted size for that slot. 1284 × 2778 and 1290 × 2796 belong to different groups, even if they look the same. Check the real width and height of the exported file. Check your screenshot size →

Should I localize my App Store screenshots?

If you have users in other countries, yes. Translate the captions, and use translated app screens if your app has them. Then check every language for long titles and bad line breaks. See the Smoke Off example →

Should I A/B test my screenshots?

If you have enough traffic, yes. Product Page Optimization lets you test up to three versions for up to 90 days. Change one thing per test. Read about testing →

How do I make screenshots for many devices and languages?

fastlane snapshot can take the captures for you on every simulator and language, if you write UI tests in Xcode. Then you add titles and layouts in a design tool or a generator. Minimalist Screens exports App Store PNGs at 1242 × 2688 px and Google Play PNGs at 1080 × 1920 px, not every iPhone or iPad size. Read the fastlane docs →

Sources

Checked . Apple changes these pages sometimes, so check them before you upload.

  1. Apple: Creating your product page (up to 10 screenshots, the first one to three in search)
  2. Apple: App Review Guidelines, 2.3.3 Screenshots
  3. Apple: Screenshot specifications
  4. Apple: Product page optimization
  5. Apple: Localization
  6. fastlane: snapshot documentation