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. Explore the templates offered by the Hotpot app store screenshot generator.
  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 scratch.
  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 the 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 for other devices. If you're tight on time and budget, we recommend this approach instead of creating individual screenshots for each device.

App Store Screenshot Sizes

See our dedicated page for details on App Store screenshot sizes.

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 whimsy 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