Brand Logo & Icons
  • 08 Mar 2024
  • 5 Minutes to read
  • Contributors
  • Dark
    Light
  • PDF

Brand Logo & Icons

  • Dark
    Light
  • PDF

Article summary

Learn how to upload design assets under the LOGOS & ICONS module in the AppCMS. 

Things to note before uploading images

Apps have specific technical, content, and design guidelines, so take your time crafting your design assets.

Screenshots

  • Use actual screenshots for each platform. Some stores, like Apple, can reject your build if they see stretched or modified images. 
  • Any text on the image should be visible.

Brand Logo & Icons

  • Use high-resolution images: Both your brand logo and app icon should be high-resolution (e.g., PNG format with transparent background) to look sharp on various devices and screen sizes.
  • Follow size and format specifications: Each app store has specific size and format requirements for brand logos and app icons.
  • Please use PNG format and replace spaces in filenames with underscores or hyphens. 
  • Design for simplicity and clarity: Your icon should be recognizable at small sizes and easily distinguishable from other apps. Avoid overly complex designs or excessive text. 

If you need help with any assets that need to be created, your Project Manager can facilitate a conversation between you and ViewLift's Product/Design team. We'll also share our Tools Image Design Guide for your reference. Once the images are uploaded, please share the image names with us, and we will generate new builds.

LOGOS & ICONS

Upload your logo and icon images in the Logos and Icons section according to the guidelines specified by the app stores.

Here's a short clip to learn how to upload your logos and icons into the ViewLift system. Remember to click the SAVE button to lock in your changes. 



Testing the apps

Uploading logos and icons in the Brand section does not automatically reflect those changes in the apps. A new build has to be pushed to the app stores. Apps won't be submitted to app stores before your approval.

App Store Submission

To upload your app builds for testing and publishing, our app teams may need temporary access to your app stores' developer dashboards. Upon your approval, we will submit your app builds to the mobile and OTT application stores for review

Review times are fast for most platforms, usually a few hours to a few days. Roku can take about a week to ten days.

Image Guidelines

Navigation bar icon size

AndroidiOSTV apps
16x16 pixels24x24 pixels72x72 pixels


On Roku Store

All images should be in PNG format.

AssetImage Size and Description
App logo Icon
  • icon_focus_fhd.png - 540X405
  • icon_focus_hd.png - 290X218
  • icon_focus_sd.png - 214 × 144
Splash images 
  • splash_fhd.png - 1920X1080 = 1080p
  • splash_hd.png - 1280X720 = 720p
  • splash_sd.png - 720X480 or 720X576
Splash images must contain your brand logo. Updating this will require submitting a new build to the store.
Poster Placeholder

Roku has an app size restriction of just 4 MB, so it is recommended to keep the file size of your images less than 500 KB. The typical size of an HD file is around 145 KB, and FHD files should not be more than 270 KB.

  • Logo_large.png - 304 × 171
  • logo_corner.png - 400 × 240
  • Logo.png- 700 × 388

  • jumbotronPosterPlaceHolder_16x9.png - 731 × 260
  • jumbotronPosterPlaceHolder.jpg - 1156 × 411

  • landscapePlaceholder.jpg - 212 × 119
  • posterPlaceholder.jpg - 173 × 256
  • videoPlayerPlaceholder.png - 1280 × 720
  • videoPosterPlaceholder.png - 564 × 317  
App descriptionA short description of the app in less than 300 words.

For Fire TV and Android TV 

AssetImage Size and Description
Splash images 
  • 1920 X 1080
  • Transparent logo of any size

Icons

  • 512 x 512px PNG (with transparency)
  • 114 x 114px PNG (with transparency)
App icon1280 x 720px PNG (no transparency)

For Android devices

AssetImage Size and Description
Splash images Splash image for OTT: 3840 X 2160
Splash image for mobile devices: 1242 X 2208
The images should be hi-res and have a transparent background. We will generate the other resolutions while creating the new builds.
App Icons512 x 512
32-bit PNG
Reference for Google Play icon design specifications
We need your physical address in the Developer account details.
Feature Graphic1024 w x 500 h 
JPG or 24-bit PNG (no alpha)

 Android app (Tablet)

  • 7-inch tablet screenshots. Screenshots must be PNG or JPEG, up to 8 MB each, 16:9 or 9:16 aspect ratio, with each side between 320 px and 3,840 px
  • 10-inch tablet screenshots. Screenshots must be PNG or JPEG, up to 8 MB each, 16:9 or 9:16 aspect ratio, with each side between 1,080 px and 7,680 px
  • Banner : 1,280 px by 720 px
  • App Icon : 512 X 512 px

For iOS and Apple TV

AssetImage Size and Description
Splash images 
  • 320 X 480
  • 640 X 960 
  • 640 X 1136
  • 750 X 1334
  • 768 X 1024 
  • 1024 X 768 
  • 1125 X 2436
  • 1242 X 2208 
  • 1536 X 2048 
  • 2048 1536
App Icons

iPhone

  • 1242x2688
  • 1242x2208

iPad

  • 2048x2732. (Portrait Screenshot)
  • 2732x2048 (Landscape Screenshot)

Apple TV

  • 1920x1080
  • 3840x2160

For Samsung and LG TVs

The following four icons are bundled within the app build itself. 

  • App_Splash.png - 1920x1080 px (background of the splash screen only)
  • icon.png - 70x70 px
  • largeIcon.png - 117x117 px
  • icon-130x130.png - 130x130 px

If you want to change the icon on the splash screen or any of these built-in icons, please file a support ticket as changing them will require generating a new build for resubmission to Samsung and LG TV stores. 

Desktop Logo
Logo displayed on the website Homepage. Though the ideal desktop logo as per our design specification is 90p x 51p, you could also try uploading a bigger logo (say for example, 178p x 52p) and see if it suits the header styling. 

Mobile Logo
Logo in the mobile apps (Android and iOS) that displays below the device's notifications bar.

PWA Logo
[Pertains to mobile web] Enables a PWA installation pop-up in iOS and Android apps.  You can add your app logo in the pop-up from AppCMS > Settings page.

The Placeholder Poster image has an aspect ratio of 3:4.


The Placeholder Cover image has an aspect ratio of 16:9.

Favicon Logo

Mobile App Icon
The icon that comes on the screen of the mobile apps. The same icon is used in the app store package. 

OTT App Icon
Icon which displays on the TV Apps Homescreen. 

In FireTV and AppleTV - It displays on the bottom right corner of the Screen

Mobile Splash Screen

Select the uploaded splash screen image from the dropdown lists in the Mobile Splash Screen and OTT Splash Screen fields. Updating the splash screen will require releasing the updated apps to the individual app stores.

OTT Splash Screen
Logo that displays as you launch the app on the OTT TV screens.

Apple TV Top Shelf Wide Logo
The image that comes when the application is in the first row on a connected TV. The required assets size is 2320px x 720px for the normal 1X size, upload a size close to 4640px × 1440px for 2X size. 


Apple TV Top Shelf Logo (Normal)

The required asset size for the Top Shelf Image is 1920px x 720px for 1X size. Upload a size close to 3840px × 1440px for 2X size. 


Design icons for Apple devices

(Android) Brand & marketing resources | Icon design specifications

Roku Channel Store graphics

Fire TV App Submission Guide and more generally

Samsung Smart TV app icon specification


Was this article helpful?