Generate Screenshots

By adding app screenshots that showcase your app's features and functionality on its store listing page, you can help your app attract new users on the Apple App Store and Google Play. They are a requirement of the publishing process.
To generate app screenshots, the instructions vary depending on your Thunkable plan.
  1. 2.
    Pro, Starter, or Free

Business or Teams Instructions

With the introduction of responsive web apps, you can now:
  • View your app on many different device screens
  • Create your own app screenshots for publishing your app
You can now create all screenshots necessary with Thunkable!

Preview Your App and Generate Screenshots

  1. 1.
    Publish your app as a responsive web app.
  2. 2.
    Copy the Web App URL link.
  3. 3.
    Open the link in Google Chrome.
  4. 4.
    Click the three stacked dots in the upper right of your Chrome browser to access Chrome Settings.
  5. 5.
    Click More Tools.
  6. 6.
    Click Developer Tools to view the app in developer mode.
  7. 7.
    In the top left-hand corner of the dock, click the icon that looks like a phone and a tablet standing next to each other.
  8. 8.
    Use the drop-down menus at the top of the screen to select different devices and screen orientations.
  9. 9.
    Return to the top left-hand corner of your console dock.
  10. 10.
    Click the three dots icon to open an actions menu.
  11. 11.
    Click Capture Screenshot.
  12. 12.
    Repeat for required devices.

Pro, Starter, or Free

  1. 1.
    Publish your app as a mobile web app.
  2. 2.
    Capture a screenshot of your mobile web app. You don't need to worry about the grey border.
  3. 3.
    Use a design tool such as AppMockUp to create all the required screenshots.

Required screenshot sizes for App Store

Here is a list of screenshot sizes you need to publish to the App Store.
To get all of the screenshot sizes you need, create screenshots using the following device settings. Each device name will be followed by its corresponding screen size in the screenshot doc linked above.
iPhone X (5.8 inch screenshots)
iPhone 6/7/8 Plus (5.5 inch screenshots)
iPad Pro (12.9 inch screenshots - suitable for iPad Pro 3rd gen and iPad Pro 2nd gen screenshots described in doc)
5.8 inch screenshots are used as an alternative to 6.5 inch screenshots. There are two ways to upload these iPhone X screenshots to your App Store listing:

Upload 5.8 inch screenshots in Media Manager

When you look at your screenshot upload window, you will see the text ‘View All Sizes in Media Manager’. Click here. In the iOS tab, you will see a segment that says ‘6.5-inch display’. At the bottom of this segment you will see the text ‘5.8-inch display’. Next to this you will see a checkbox with the text ‘Use 6.5-inch Display’. Uncheck this box and expand the ‘5.8-inch Display’ segment. Click on ‘Choose File’, and upload your 5.8-inch screenshots.

Resize 5.8 inch screenshots to 6.5 inch screenshots

Use an image editor of your choice to resize your iPhone X screenshots from 1125 x 2436 pixels (5.8-inch Display) to 1242 x 2688 pixels (6.5-inch Display). Upload your new 6.5-inch screenshots to the App Store.