How To Make App Store Screenshots

How To Make App Store Screenshots

Make stunning App Store screenshots in minutes with Hotpot.

Make Screenshots

Step-By-Step Guide For App Store Screenshots

Hotpot makes it easy to create App Store screenshots like the examples below. Follow these steps:

  1. Browse the Hotpot templates for app store screenshots.
  2. Decide what benefits to highlight or what emotions to evoke in prospects. What makes your app unique? What excites users? How does your app help users? Do you want to present these benefits as one unified narrative over multiple screenshots? If so, create app store panorama screenshots. Or do you want to individually highlight benefits with related, but isolated, screenshots?
  3. Pick the Hotpot.ai template that most closely matches your brand or style. Or create one from scatch.
  4. If you're including device frames, load the template, and click on each device frame. Use the Screenshot property to embed an app image automatically.
  5. Finish customizing the text, background, and other design elements.
  6. Use the Resize menu to "create once, publish everywhere". This Hotpot feature lets you create a design concept once, then generate different sizes of the same concept. For instance, if you intend to create screenshots for both the iPhone XS Max and iPhone 8 Plus, create the iPhone XS Max one then leverage Hotpot to automate or simplify many of the annoying rote tasks involved in building the 8 Plus variant.
  7. Download the Hotpot design, and dance to your favorite song like this user. :)

Overview

App screenshots are crucial for engaging and educating users on the App Store, Google Play, and the Chrome Store. With more than one million apps competing for attention, studies show many users only browse for a few seconds before deciding to download or not. Screenshots heavily influence a user's first impression of an app, so alluring and professional screenshots could mean the difference between losing or gaining new users.

This tutorial helps you craft compelling app screenshots for the Apple App Store within a few minutes.

To create individual screenshots, start with one of these Hotpot templates for an app store screenshot.

If you prefer panorama screenshots, please click here for a 2-minute tutorial on how to stitch screenshots into one large panorama. Panorama screenshots are rising in popularity because they allow developers to present apps and their benefits in a striking and captivating way.

If you are on a budget and need free graphics, please see here.

App Store Screenshot Requirements

The required device screenshots for app submission are:

  • iPhone XS Max/XR · 6.5-inch
  • iPhone 8 Plus · 5.5-inch
  • iPad Pro · 12.9-inch (only if app runs on iPad)

Apple allows developers to skip some devices and only submit screenshots for the iPhone XS Max, iPhone 8+, and 12.9-inch iPad Pro. The App Store automatically scales these larger screenshots to the smaller sizes required. If you're tight on time and budget, we recommend this approach instead of creating individual screenshots for each device.

App Store Screenshot Sizes

The App Store screenshot sizes are listed below for convenience.

iPhone XS Max/XR · 6.5-inch

1242 x 2688 pixels · portrait
2688 x 1242 pixels · landscape

iPhone X/XS · 5.8-inch

1125 x 2436 pixels · portrait
2436 x 1125 pixels · landscape

iPhone 6 Plus/7 Plus/8 Plus · 5.5-inch

1242 x 2208 pixels · portrait
2208 x 1242 pixels · landscape

iPhone 6/7/8 · 4.7-inch

750 x 1334 pixels · portrait
1334 x 750 pixels · landscape

iPhone 5 · 4-inch

640 x 1136 pixels · portrait
1136 x 640 pixels · landscape

iPad Pro · 12.9-inch

2048 x 2732 pixels · portrait
2732 x 2048 pixels · landscape

iPad Pro · 11-inch

1668 x 2388 pixels · portrait
2388 x 1668 pixels · landscape

iPad Air · 10.5-inch

1668 x 2224 pixels · portrait
2224 x 1668 pixels · landscape

Apple Watch · Series 3

312 x 390 pixels

Apple Watch · Series 4

368 x 448 pixels

Apple TV

1920 x 1080 pixels
3840 x 2160 pixels

Screenshot Tips

Treat each screenshot like a highway billboard. Use text sparingly, and rely heavily on images. Assume users will only look at your screenshot for 5 seconds. Does the screenshot convey key benefits and entice users within 5 seconds? If not, carefully consider how to pare down the content until it's digestible within 5 seconds.

Select screenshot colors from your app's color palette. This reinforces consistent branding from the App Store screenshots down to the user experience.

Screenshots should match the style and objective of the app, reflecting its emotional tone. For instance, finance apps may wish to project knowledge and stability while games may want to evoke whismy and playfulness.

Examples Of App Store Screenshots

Explore different types of app store screenshots. Note the varying colors, background patterns, font styles, graphical accents, and device frames. There is no one "correct" style. We strongly urge you to evaluate multiple styles before adopting one for your app.

Here are some screenshot examples and brief explanations from the Hotpot gallery.

Explore More