Your brand logo and icons are the face of your streaming service. Just like how you recognize people by their faces, your customers will recognize your service by its logo and icons. So, it's important to design them to represent your identity on your website and apps.
Here are the types of images you will need to create for your website and apps
What are brand logos?
Logos are small images that represent your streaming service app on devices like smartphones and tablets. They're like the face of your app – a visual symbol that helps people recognize and remember it easily
Here is why having a well-designed and distinct app logo is important for your streaming service:
Recognition: A unique logo helps users easily identify your app in a crowded app store or on their device's home screen.
Memorability: A well-designed logo sticks in people's minds, making it easier for them to remember your app.
Brand Connection: Your logo reflects your streaming service's identity and content, helping users connect with your brand.
Credibility: A professional logo shows that your app is trustworthy and of high quality.
Differentiation: A distinctive logo sets your app apart from others and makes it stand out.
Consistency: A consistent logo across platforms and marketing materials strengthens your brand presence.
User Loyalty: A recognizable logo can foster user loyalty and encourage repeat visits.
Professionalism: A carefully designed logo gives your streaming service a polished and professional look.
First Impression: Your logo is often the first thing users see – a strong logo can create a positive first impression.
Type | Where | Width | Height | Sample | Notes | Aspect Ratio |
App Logo | Website | 250 | 64 |
 |
| 35:9 |
App Logo | Website | 500 | 128 |  |
| 35:9 |
App Logo | Android,iOS | 0 | 96 |  | App icon to show on the notification messages | 0:1 |
App Logo | Android,iOS | 0 | 384 |  | Used on the authentication pages | 0:1 |
App Logo | Android,iOS | 0 | 600 |  | Home page - used on the header | 0:1 |
App Icon: Foreground Icon | Android | 432 | 432 |  | Transparent background with logo only | 1:1 |
App Icon: Background Icon | Android | 432 | 432 |  | Only the App icon background without the logo | 1:1 |
App Logo - Wide | Apple TV | 4640 | 1440 |  |
| 29:9 |
App Logo | Apple TV | 3840 | 1440 |  |
| 8:3 |
App Icon: Foreground Icon | Apple TV | 961 | 577 |  | Transparent background with logo only | 5:3 |
App Icon: Background Icon | Apple TV | 1280 | 768 |  | Only the App icon background without the logo | 5:3 |
App Logo | Android TV,Fire TV | 480 | 270 |  | Transparent background with the App name. * Must include app name for app store approval (for Android and Fire TV) | 16:9 |
App Logo: Top Strip | Roku | 1920 | 135 |  |
|
|
App Logo | Roku | 150 | 80 |  | Used on the profile page. Note: Required transparent background with logo | 15:8 |
⚠️ 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.
What are brand icons?
Brand icons are small images or symbols that represent your streaming service's identity and values.
Just like your app logo, brand icons play a big role in making your streaming service memorable and easily distinguishable from others.
Type | Where | Width | Height | Sample | Notes | Aspect Ratio |
App Icon | Website | 64 | 64 |  |
| 1:1 |
App Logo | Android,iOS | 0 | 96 |  | App icon to show on the notification messages | 0:1 |
App Icon | iOS | 1024 | 1024 |  | Appear on the mobile's Home screen | 1:1 |
App Icon: Background Icon | Android | 432 | 432 |  | Only the App icon background without the logo | 1:1 |
App Icon: Foreground Icon | Android | 432 | 432 |  | Transparent background with logo only | 1:1 |
App Icon | Android,Android TV,Fire TV | 192 | 192 |
 | Appear on the mobile's Home screen | 1:1 |
Android app - App Icon Rounded | Android | 192 | 192 |
 | Rounded app icon to support different device models | 1:1 |
App Icon: Foreground Icon | Apple TV | 961 | 577 |
 | Transparent background with logo only | 5:3 |
App Icon: Background Icon | Apple TV | 1280 | 768 |
 | Only the App icon background without the logo | 5:3 |
App Icon | Android TV,Fire TV | 480 | 270 |
 | With background and App name. * Must include app name for app store approval (for Android and Fire TV) | 16:9 |
App Icon SD | Roku | 246 | 140 |
 |
| 7:4 |
App Icon HD | Roku | 290 | 218 |
 |
| 4:3 |
App Icon | Roku | 108 | 69 |
|
| 11:7 |
Remember, consistency sets your streaming service apart from competitors and reinforces its unique identity.
⚠️ 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.
What are placeholder images?
Placeholder or fallback images are temporary visuals used when the actual image cannot be loaded or displayed. These placeholders are designed to prevent an empty or broken space in a webpage or application when the intended image is unavailable due to reasons like a slow internet connection, broken links, or errors.
Type | Width | Height | Sample | Aspect Ratio |
Placeholder | 360 | 360 |  | 1:1 |
Placeholder | 180 | 240 |  | 3:4 |
Placeholder | 240 | 180 |  | 4:3 |
Placeholder | 320 | 180 |  | 16:9 |
Placeholder | 1920 | 540 |  | 32:9 |