Skip to main content
All Collections
Branded app - Screenshots and logo specifications
Branded app - Screenshots and logo specifications
Marketing bsport avatar
Written by Marketing bsport
Updated over 8 months ago

We do the screenshots and send you for validations, but in case you want to do yourself/with a different style:

📳 SCREENSHOTS SPECIFICATIONS

Apple Store and Google Playstore have regulations and specifications regarding the screenshots.

First, there must be (at least) 3 screenshots for each display type. The mandatory ones are:

  1. 3 screenshots iPhone 6.5" Display

  2. 3 screenshots iPhone 5.5" Display

  3. 3 screenshots iPad Pro (6th Gen) 12.9" Display

  4. 3 screenshots iPad Pro (2nd Gen) 12.9" Display

  5. 3 screenshots Android phone

Secondly, Apple's specifications for sizes and format can be found here:

https://developer.apple.com/help/app-store-connect/reference/screenshot-specifications

Therefore, if the client wants to produce their own screenshots, they must follow these instructions.

⚠️ IMPORTANT TO CHECK :

  • Number of screenshots

    IOS

    • 3 screenshots iPad2g

    • 3 screenshots iPadPro129 3g

    • 3 screenshots iphone 5.5

    • 3 screenshots iphone 6.5

    Android

    • 3 android screenshots

  • Sizes of screenshots

    • iPhone 6.5” :

    1284 x 2778 pixels (portrait)

    2778 x 1284 pixels (landscape)

    1242 x 2688 pixels (portrait)

    2688 x 1242 pixels (landscape)

    • iPhone 5.5” :

    1242 x 2208 pixels (portrait)

    2208 x 1242 pixels (landscape)

    • iPad Pro 2nd generation (12.9" Display)

    2048 x 2732 pixels (portrait)

    2732 x 2048 pixels (landscape)

    • IPad Pro 3rd Generation (12.9" Display)

    2048 x 2732 pixels (portrait)

    2732 x 2048 pixels (landscape)

    • Android : 1242x2208

    https://developer.apple.com/help/app-store-connect/reference/screenshot-specifications

  • Name of screenshots

    Downloading the screenshots from Figma, names should be automatically right, you’ll find below the details. Do not invent the naming of the screenshots !

    It is an Apple Store requirement that the name of each screenshot has the name of the device. For example:

    • 3 screenshots IPAD 2nd Generation

      screenshot-ios-ipad2g12.9-EN(1) screenshot-ios-ipad2g12.9-NL(1) screenshot-ios-ipad2g12.9-DE(1) screenshot-ios-ipad2g12.9-FR(1)

      screenshot-ios-ipad2g12.9-EN(2) screenshot-ios-ipad2g12.9-NL(2) screenshot-ios-ipad2g12.9-DE(2) screenshot-ios-ipad2g12.9-FR(2)

      screenshot-ios-ipad2g12.9-EN(3) screenshot-ios-ipad2g12.9-NL(3) screenshot-ios-ipad2g12.9-DE(3) screenshot-ios-ipad2g12.9-FR(3)

    • 3 screenshots IPAD 3rd Generation

      screenshot-ios-ipadPro129-3gen-EN(1) screenshot-ios-ipadPro129-3gen-NL(1) screenshot-ios-ipadPro129-3gen-FR(1) screenshot-ios-ipadPro129-3gen-DE(1)

      screenshot-ios-ipadPro129-3gen-EN(2) screenshot-ios-ipadPro129-3gen-NL(2) screenshot-ios-ipadPro129-3gen-FR(2) screenshot-ios-ipadPro129-3gen-DE(2)

      screenshot-ios-ipadPro129-3gen-EN(3) screenshot-ios-ipadPro129-3gen-NL(3) screenshot-ios-ipadPro129-3gen-FR(3) screenshot-ios-ipadPro129-3gen-DE(3)

    • 3 screenshots IPHONE 5.5

      screenshot-ios-iphone5.5-NL (1) screenshot-ios-iphone5.5-EN (1) screenshot-ios-iphone5.5-FR (1) screenshot-ios-iphone5.5-DE(1)

      screenshot-ios-iphone5.5-NL (2) screenshot-ios-iphone5.5-EN (2) screenshot-ios-iphone5.5-FR (2) screenshot-ios-iphone5.5-DE (2)

      screenshot-ios-iphone5.5-NL (3) screenshot-ios-iphone5.5-EN (3) screenshot-ios-iphone5.5-FR (3) screenshot-ios-iphone5.5-DE (3)

    • 3 screenshots IPHONE 6.5

      screenshot-ios-iphone6.5-NL (1) screenshot-ios-iphone6.5-EN (1) screenshot-ios-iphone6.5-FR (1) screenshot-ios-iphone6.5-DE(1)

      screenshot-ios-iphone6.5-NL (2) screenshot-ios-iphone6.5-EN (2) screenshot-ios-iphone6.5-FR (2) screenshot-ios-iphone6.5-DE (2)

      screenshot-ios-iphone6.5-NL (3) screenshot-ios-iphone6.5-EN (3) screenshot-ios-iphone6.5-FR (3) screenshot-ios-iphone6.5-DE (3)

    • 3 ANDROID screenshots </aside>

<aside> 📳 LOGO SPECIFICATIONS

The most important specifications the client should follow about the logo are:

  • The logo should be in square format (for example: 512px x 512px)

  • The logo must have a good resolution, that is, the image must be clear, not pixelated.

Important: on Google Playstore we have some complaints of clients because the logo is a square with a color in the background - if the logo is square, it gets these white edges:

So the possible solutions for now that we've been given to the clients who want this is to produce a logo:

1- with a transparent or white background; or

2- with a circle logo; or

3- with a "square with rounded corners"

like this:

ℹ️ Logo specifications for the Stores :

  • Google Playstore

    According to the Google Play icon design specifications, the icon for the app should have the these characteristics:

    • Size: 512px x 512px

    • Format: 32-bit PNG

    • Color Space: sRGB

    • Max File Size: 1024KB

    • Shape: Full Square

    —> for this, our internal system already adjusts automatically for us

    Google Play will automatically apply rounded corners and drop shadows to your icon, so I don’t need to add them myself. But we should also avoid badges and text on the icon, as they may not scale well.

  • Apple Store

    According to the App Store icon sizes guide, the icon for the app should have the following characteristics:

    • Size: 1024px x 1024px

    • Format: PNG

    • Color Space: sRGB

    • Shape: Square with rounded corners

    —> but this, our internal system already adjusts and send automatically for Apple Store

    App Store will also automatically apply rounded corners to your icon, so we don’t need to add them. But we should also avoid transparency and gloss effects on the icon, as they may not render well.

Did this answer your question?