Design information to create app assets

Design information to create app assets

In this article, we'll guide you through the app assets needed for designing within the app and preparing assets for publishing your app. 

1. Graphic assets within the app

Showcase your brand prominently at the top of your app’s home screens, creating brand consistency and recognition across all app pages. 
  1. Recommended size: custom width x 100 px.

1.2 Static images 

Images can be employed to tell a visual story within the app interface, which will have a significant impact on user engagement. They should be optimized based on the following factors to achieve the best balance of sharpness and low file size to ensure quick load times.
  1. You can use SVG, PNG, JPG, GIF, or WEBP formats for your images.
  2. All images should be under 15MB.
1.2.1 Image banner
Communicate important announcements or promotions by incorporating eye-catching banners throughout your app, catching users' attention as they navigate different sections. 
  1. The recommended size is 1125 px x custom height.
  2. Depending on how you want to use the banner, you can use it vertically or horizontally.

1.2.2 Image slide
Capture users' attention with stunning visuals that can be displayed on the app's home screen or product detail pages, making a solid visual impact. 
  1. The recommended size is 1125 px x custom height.
  2. Image slides should be the same size.

1.2.3 Image grid
Utilize image grids to present multiple images in an organized manner. Curate relevant images for your app's content or products, ensuring they align with your brand's aesthetic. We support dividing from 2-6 columns for image grids, but whatever size you choose, the image size will shrink to fit.
  1. The recommended size is 500 px x custom height.

  1. Images should be the same size to maintain a consistent grid layout. That said, if you want to design a creative look for your grid, images with different heights and widths can create a more dynamic and visually interesting appearance.

1.3 GIFs

Animated GIFs are a collection of images stitched together to create a short film sequence. GIFs are animated images that can capture users' attention more effectively than static images.
  1. GIFs should be under 15MB.
  2. The GIF should be no longer than 6 seconds.

1.4 Videos

Engage your audience with compelling videos that can be showcased on the app's home screen or product detail page, delivering dynamic content and enhancing the overall user experience. 
  1. The recommended aspect ratios are portrait (9:16) and landscape (16:9). 
  2. The video length should be less than 30 seconds.
  3. All videos should be under 15MB to not affect video loading speed.

2. Essential assets for your app publication

When preparing to launch your app, it's crucial to have certain assets in place to create a polished and professional impression. Here are the key elements you need to consider:

2.1 App icon

Your app's logo or icon is the visual representation of your brand. It should be eye-catching, easily recognizable, and optimized for different screen sizes.
  1. Required size: 1024 x 1024 px

2.2 Splash screen

These introductory screens provide a brief glimpse into your app's identity and set the tone for the user experience. They should be designed to captivate and engage users right from the start.
  1. Required size: 1080 x 2400 px

2.3 Feature graphic

Feature graphic will be used for Android only. It is often displayed in the Google Play Store or used for marketing purposes. 
  1. Required size: 1024 x 500 px

2.4 Screenshots

These images serve as a visual showcase of your app in the respective app stores. They play a vital role in attracting potential users and convincing them to download your app.
  1. Required size for iOS:
    1. 5.5’’: 1242 x 2208 px
    2. 6.5’’: 1242 x 2688 px
    3. iPad (6th Gen): 2048 x 2732 px
    4. iPad pro (2nd Gen): 2048 x 2732 px
  2. Required size for Android:
    1. 7-inch tablet: 600 x 1024 px
    2. 10-inch table: 1080 x 2160 px
    3. Phone: 720 x 1280 px

If you have any further questions about our app asset dimension, we’re happy to help! Please reach out to us at customer.success@jmango360.com!

    • Related Articles

    • Getting started with Alphonso

      Welcome to Alphonso - the advanced app builder designed to empower you to create exceptional mobile apps. This article will take you on a guided tour of Alphonso and the core pages. By the end, you'll have a general understanding of leveraging ...

    • Design the home screen

      In this guide, we'll explore the power of various blocks that allow you to customize and enhance the visual appeal of your app's home screens. From showcasing product collections to adding interactive elements, these blocks offer endless ...

    • App listing

      Providing an app store profile is a crucial step when your app is ready to be published to users on app distribution platforms. You can create an app store profile via the App Listing in Alphonso by sharing the required input. In this article, we’ll ...

    • Overview of design features

      Step into the realm of app design and let your creativity take flight! Alphonso empowers you to craft visually appealing apps without the need for coding knowledge. In this guide, we will provide a design overview of Alphonso, presenting steps for ...

    • Firebase in-app messaging

      Firebase in-app messages are powerful features that allow you to engage and communicate with your app users directly within your app's interface. In this article, we will explore the scope and prerequisites for using Firebase in-app and provide ...