Visual assets refer to the visual elements and design elements that make up a website, mobile, and CRTV apps such as logos, favicons, site images, and other graphical elements.

Assets such as logos and favicons are key to establishing brand identity and creating a strong visual representation of a business. They help visitors quickly recognise a brand and can increase brand awareness.

Assets like images and graphics help to make a website look more attractive and engaging, making it more appealing to visitors.

Assets like favicons help users identify a website more easily in their browser tabs or bookmarks, making it easier to navigate.

Using the same assets across multiple marketing materials helps to create a consistent brand image and enhances the overall professional look of a business.

We have listed the visual assets that need to be created for your website and apps and detailed their purpose and specifications along with recommended aspect ratios.

⚠️ Note When you see "0" in a field, this means that the dimension can be customized based on the other dimension.

For example, if the app logo width is 0 and the height is 192, the height must be 192 and the most suitable width for that height can be used to create the asset.

A logo is a symbol or design element that represents your brand. Brand identities are often embodied within a logo, which serves as a visual representation of your brand.

❌ Inconsistent logos weaken your brand's image, making it less memorable and recognizable.

Make sure you design a consistent logo in the below aspect ratios before creating your website and apps

An app icon is a small graphical representation of your app, typically displayed on the user device's home screen or app drawer.

It serves as a visual representation of the app and helps users quickly identify and locate the app on their devices.

💡 Many app stores require the app icon to include the app name. To prevent changing your app icon later to meet app store approvals, we recommend designing it with your app name.

Connected TVs allow for more flexibility and interesting visual effects. This means that your app icon is made up of two layers: a foreground layer and a background layer.

In the above example, the white Android icon is in the foreground layer, while the blue and white grid is in the background layer. The foreground layer is stacked on top of the background layer. A mask, circular mask, in this case, is then applied on top to produce a circular-shaped app icon.

The Channel Poster is the image shown on the Roku OS home screen when your channel is installed and is also used in your Channel Store listing displayed alongside the channel details.

A splash screen image is a visual representation that is displayed briefly when your app is launched. The splash screen is usually displayed while the app is loading in the background, and is designed to provide users with a visual indication that the app is starting.

Splash screens typically include the brand logo, app name, or other graphics. They play a crucial role in creating a positive first impression for users and can help to build brand recognition and brand awareness.

In Apple TV, the top shelf image will be used when the user has placed your app in the top row of the Home screen.

💡 This is a great opportunity for added visibility.

A list of common images required