When submitting an app to the Apple App Store and Google Play Store, providing high-quality app icons, build assets & screenshot is crucial. These elements help showcase the app’s features and user interface while ensuring a smooth submission process.
This article outlines the necessary specifications and best practices for preparing app icons and screenshots to meet the requirements of both platforms.
What to Prepare
1. App Icons (2 Designs)
iOS App Icon 1024x1024 pixels
Google Play Store Icon 512x512 pixels
2. App Build Assets (9 Designs)
Android App Icon 1024x1024 pixels (2 Designs)
App placeholder 120x120 pixels
Auth banner 800x300 pixels
App community logo 1056x168 pixels
Login page background 1300x1300 pixels
Splash screen 1242x2436 pixels
Notification icon 960x960 pixels
Discover logo 500x500 pixels
3. App Screenshots
App Store Screenshots (iOS)
iPad 13 2048 x 2732 pixels (Minimum 4 Designs)
iPhone 6.9 1290 x 2796 pixels (Minimum 4 Designs)
Google Play Screenshots (Android)
Android phone: 1242x 2208 (Minimum 4 Designs)
Android tablet (10 Inch) 1472 x 2048 (Minimum 4 Designs)
Android tablet (7 Inch) 1472 x 2048 (Minimum 4 Designs)
Google feature graphic 1024 x 500
1. APP ICONS
App icons are the first visual element that users encounter, so it's important to make them eye-catching and relevant to your app's functionality.
⚠️ Important
To prevent delays, please ensure that each design file is named correctly and follows the guidelines as provided in this article.
1. iOS App Icon
This App logo will be installed on iOS.
Design type: Logo with color or white background (not transparent)
File name: icon_1024.png
Dimensions: 1024 x 1024 pixels
2. Google Play Store Icon
This App logo will be installed on Google Play store.
Design type: Logo with color or white background (not transparent)
File name: icon_512.png
Dimensions: 512 x 512 pixels
2. APP BUILD ASSETS
These App Branding Assets are essential for creating an app file for submission to the App Store or Play Store. The Cogniss development team requires these assets to build the app.
⚠️ Important
To prevent delays, please ensure that each design file is correctly named as specified in the guidelines.
Additionally, check for any design errors and strictly follow the provided guidelines. You can use the provided templates for reference. If you have any questions, please contact the Cogniss team.
1. Android App Icon
Android icons function differently from iOS icons. While iOS icons are submitted separately to the Apple App Store, Android icons must be embedded within the app build file. Any changes to the Android icon after submission will require generating a new build.
Additionally, Android icons need to be adaptive to accommodate different device styles and launchers. Some devices display circular icons, while others use rounded square icons.
To ensure compatibility, Android requires separate foreground and background layers, allowing icons to adjust dynamically. You can refer to the templates below for guidance.
For android icon you need to provide two separate icon files:
1. Icon Foreground
App logo installed on Android. Foreground logo should be located inside the safe area and keep the rest of the design transparent.
Design type: Logo with transparent background.
Dimensions: 1024 x 1024 pixels
File name: icon_foreground.png
2. Icon Background
App logo installed on Android. Background shouldn’t include informational graphic.
Design type: Use a background with a pattern, texture, branding elements, color, or solid white (not transparent).
Dimensions: 1024 x 1024 pixels
File name: icon_background.png
2. App placeholder
Displayed as a default image where there’s no image for app, subject or activity
Design Type: Greyscale logo with transparent background.
Format: .pngFile name: app-placehold.png
Dimensions: 120 x 120 pixels
3. Auth banner
It will be displayed on the initial loading screen (second after the splash) with build version number
Design type: Logo with transparent background or white background image
File Format: .png
Dimensions: 800 x 300 pixels
File name: auth-banner.png
4. App community logo
It will be displayed on the top of sign-in, register, password reset screens
Design type: Logo with transparent background or colored image background
Format: .png
Dimensions: 1056 x 168 pixels
File name: cogniss_community.png
5. Login page background
It will be displayed once the app launched, users can sign-in or create account from here. This image includes logo, corporate logos
Design type: Design with a logo over the background, optionally featuring branding or elements.
File name: login_page.png
Dimensions: 1300 x 1300 pixels
Creators can manually upload or change this page through: Cogniss settings: App creator > Home > Splash Screen (enabled) > Header Image > Upload media
6. Splash screen
The first screen displayed when the user opens the app before logging in. The logo should be centered on a white background.
Design type: Logo in the center on top of a white background.
File format: .png
File name: splash.png
Dimensions: 1242 x 2436 pixels
7. Notification icon
Mobile app push notification icon on the system notification panel
Design type: Logo with transparent background with a single color.
File format: .png
File name: notification.png
Dimensions: 960 x 960 pixels
8. Discover logo
This Logo will appear in Super app discover menu in super app.
Design type: Black colored image with transparent background
File format: .png
File name: discover-logo.png
Dimensions: 500 x 500 pixels
3. App Screenshots
Screenshots are essential for illustrating your app's user experience and core features. Follow these guidelines to prepare your screenshots effectively:
Select Screens: Choose screens that best explain the most important user story, showcasing the primary function and purpose of your app.
Quantity: We recommend preparing 4-5 screenshots for each device size, with a minimum of 2 screenshots required and no more than 10.
Content: The screenshots should highlight the app's main features and functionality. (Marketing or promotional materials that do not reflect the actual user interface of the app are not suitable.)
Consistency: Ensure that your app looks and behaves identically on all supported devices and the actual app.
Device-Specific: Screenshots should be taken on the correct device they represent (example: iPhone screenshots on an iPhone device, not on iPad).
App Screenshots Canva Design Template
For creating professional-looking app icons and screenshots, we offers a Canva design template. You can find templates specifically designed for app stores, which adhere to the required dimensions and formats. By utilizing these templates, you can ensure your graphics meet platform specifications and stand out visually.
You can change the background with your app branding, and insert the screenshots to the device.
1. App Store Screenshots (iOS)
iPad 13
Dimensions: 2048 x 2732 pixels
Minimum 4 screenshots
iPhone 6.9
Dimensions: 1290 x 2796 pixels
Minimum 4 screenshots
2. Google Play Screenshots (Android)
Android phone
Dimension: 1242x2208 pixels
Minimum 4 screenshots
Android tablet (10 Inch)
Dimension: 1472 x 2048 pixels
Minimum 4 screenshots
Android tablet (7 Inch)
Dimension: 1472 x 2048 pixels
Minimum 4 screenshots
Google Play feature graphic
Dimension: 1024 x 500 pixels
Your feature graphic is displayed in various places on Google Play, including:
As a cover image for your preview video, if present.
For apps, we show a collection of apps in a large format with your feature graphic, including ads.
For games, we show groups of recommended games in a large format featuring preview videos and screenshots, where we show your feature graphic.
⬇️ Please download or export images in .PNG format, ensuring at least four screenshots per device.
📁 To keep things organized, we kindly recommend placing screenshots in separate folders with clear names.
Reference
App Store screenshot specifications:
https://help.apple.com/app-store-connect/#/devd274dd925App Store Icon specifications:
https://developer.apple.com/design/human-interface-guidelines/app-iconsGoogle store image specifications: https://support.google.com/googleplay/android-developer/answer/1078870?hl=en
Google Play Icon specification