Android Mobile App Branding and Images Android Mobile App Branding and Images

Android Mobile App Branding and Images

Lauren Weis Lauren Weis

We’ve outlined required and optional image assets for your Android mobile app. At the end of this article is a checklist to make sure you have all the necessary assets to give to Zype when you're ready to create your app.

Image Assets (Required)

Launcher Icon

Launcher icons are used by Launcher applications and appear on the user’s Home screen. Your icon should promote your brand and help users discover the app on Google Play.

Sizes and formats needed for all screen densities:

  • 36px x 36px, 32-bit PNG (with alpha for transparency)
  • 48px x 48px, 32-bit PNG (with alpha for transparency)
  • 72px x 72px, 32-bit PNG (with alpha for transparency)
  • 96px x 96px, 32-bit PNG (with alpha for transparency)
  • 144px x 144px, 32-bit PNG (with alpha for transparency)
  • 192px x 192px, 32-bit PNG (with alpha for transparency)

Screen_Shot_2017-03-13_at_11.09.27_PM.png

For more helpful guidelines, please visit Android’s Design Guidelines for Launcher Icons.

High-res Icon

To publish your app on Google Play, you will also need to provide a high-res icon. This icon will be used in various location on Google Play and does not replace your launcher icon.

For tips and recommendation on creating high-resolution launcher icons, please visit Android’s Tips for Designers.

Suggested Dimension: 512px x 512px, 32-bit PNG (with alpha for transparency)

Screen_Shot_2017-03-13_at_11.10.26_PM.png

Feature Store Graphic

This graphic is displayed at the top of your Store Listing page in the Play Store app. This is a powerful tool to showcase your creative assets and attract users. A Feature Graphic is required in order to be featured anywhere within Google Play.

If you’ve added a promo video (will be covered in the “Optional Assets” section), a Play button will overlay your feature graphic so users can play your promo video.

Suggested Dimension: 1024 x 500px, JPG or 24-bit PNG (no alpha)

Screen_Shot_2017-03-13_at_11.14.16_PM.png

Dark or Light Theme

Please choose between our standard dark theme (dark background with light text on top) OR our light theme (white background with dark text on top).

Screen_Shot_2017-03-13_at_9.28.34_PM.png

Example of Dark Background

 

Brand Color

Please choose a brand color (hex #) that will be used sparingly throughout your app. You can expect to see this color as button states throughout the screens.

Screen_Shot_2017-03-13_at_11.16.41_PM.png

Example: Blue brand color selected and showing on the “Home” button.

Launch Screen

A launch screen appears instantly when your app starts up. The launch screen is quickly replaced with the first screen of your app, giving the impression that your app is fast and responsive.

The launch screen isn’t an opportunity for artistic expression, but rather intended to enhance the perception of your app as quick to launch. We recommend keeping this subtle with a simple background and your logo on top.

Suggested Dimension: 1125 x 2000px, JPG

Screen_Shot_2017-03-13_at_11.18.38_PM.png

Optional Image Assets

Custom Playlist Images

Each of your playlists has a thumbnail associated with it in the Zype platform. These thumbnails will appear as background images in your Android app for each playlist (see below). These are designated within the playlist thumbnail view and can be edited following guidelines HERE.

Screen_Shot_2017-03-13_at_11.20.25_PM.png

Note: Please don’t include titles of the playlists or right-hand side arrows within your images as these elements will automatically populate on top of your images within your app.

Custom Video Thumbnails

Video thumbnails are automatically generated for Zype-hosted content (this is done during Zype's transcoding process). You have the option to use the auto-generated thumbnails or upload a custom thumbnail for each of your videos through the Zype platform. Custom Thumbnails give the app a polished look (see below). 

  • Standard 16:9 ratio (minimum size: 250px x 141px)
  • Movie Poster Size (minimum size: 215 x 305px)
Auto-Generated Thumbnail

Custom Thumbnail

Screen_Shot_2017-03-13_at_9.51.29_PM.png

Screen_Shot_2017-03-13_at_9.51.41_PM.png

Note: You only need to add custom thumbnails once. If you’ve already added them for another app, you don’t need to add them again.

Store Promo Video

The promo video appears in the first position of your graphic assets on the Google Play web store (play.google.com). If you're using the Play Store app, a Play button overlays the feature graphic at the top of a store listing.

While a promo video is not required, it's highly recommended as a fun, engaging way to show your potential users the features of your app. This video should be short (30 seconds to 2 minutes) and focused on the most compelling features first.

For more information and tips on creating this promo video, please see “Promo video” within Android’s guidelines.

Screen_Shot_2017-03-13_at_11.22.54_PM.png

Asset Checklist  

Name

Size

Required?

Launcher Icon

36px x 36px, 32-bit PNG (with alpha for transparency)
48px x 48px, 32-bit PNG (with alpha for transparency)
72px x 72px, 32-bit PNG (with alpha for transparency) 
96px x 96px, 32-bit PNG (with alpha for transparency)
144px x 144px, 32-bit PNG (with alpha for transparency)
192px x 192px, 32-bit PNG (with alpha for transparency) 

Yes

High-Res Icon

512px x 512px, 32-bit PNG (with alpha for transparency)

Yes

Feature Store Graphic 1024px x 500px, JPEG or 24-bit PNG (no alpha) Yes

Dark or Light Theme

Choose between a dark or light theme 

Yes

Brand Color

Choose a hex #

Yes

Launch Screen Image

1125px x 2000px, JPEG

Yes

Logo for Sign In Screen

1125px  x 2000px

No

Hero Images (applicable for Gallery Layout iOS template)

1740px x 700px, JPG

Max. 5 Images

No

Custom Playlist Thumbnails (applicable for non-Gallery Layout template)

 1242px x 414px (maintain 3:1 aspect ratio)

No