Making App Icons for tvOS
According to Apple’s Human Interface Guidelines, every app must provide an icon to be displayed on the Apple TV Home screen and in the App Store. An app should specify several different icons of different dimensions to suit different screen sizes and different situations.
tvOS App Icon Sizes:
For the App Store, create an app icon that measures 1280x768 px.
In addition to the 1280x768 px version of your app icon, you also need to supply the following sizes:
| @1x (pixels) | @2x (pixels) | Usage |
|---|---|---|
| 400x240 | 800x480 | Home Screen |
Top Shelf
The Apple TV Home Screen provides an area called Top Shelf, which showcases your content in a rich, engaging way while also giving people access to their favorite apps in the Dock.
To make the image more interactive, you are encouraged to create layered images to display in Top Shelf. If you don’t provide the recommended full-screen content, supply at least one static image as a fallback. The image should fit into a width of 1920 pixels at a 16:9 aspect ratio. You can use the following values for guidance:
| Image Size |
|---|
| 2320x720 pt (2320x720 px @1x, 4640x1440 px @2x) |
The Dynamic Top Shelf can appear in several formats. You are encouraged to provide extra assets that add additional context.
Poster (2:3)
| Aspect | Image Size |
|---|---|
| Actual size | 404x608 pt (404x608 px @1x, 808x1216 px @2x) |
| Focused/Safe zone size | 380x570 pt (380x570 px @1x, 760x1140 px @2x) |
| Unfocused size | 333x570 pt (333x570 px @1x, 666x1140 px @2x) |
Square (1:1)
| Aspect | Image Size |
|---|---|
| Actual size | 608x608 pt (608x608 px @1x, 1216x1216 px @2x) |
| Focused/Safe zone size | 570x570 pt (570x570 px @1x, 1140x1140 px @2x) |
| Unfocused size | 500x500 pt (500x500 px @1x, 1000x1000 px @2x) |
16:9
| Aspect | Image Size |
|---|---|
| Actual size | 908x512 pt (908x512 px @1x, 1816x1024 px @2x) |
| Focused/Safe zone size | 852x479 pt (852x479 px @1x, 1704x958 px @2x) |
| Unfocused size | 782x440 pt (782x440 px @1x, 1564x880 px @2x) |
Scrolling Inset Banner
| Aspect | Image Size |
|---|---|
| Actual size | 1940x692 pt (1940x692 px @1x, 3880x1384 px @2x) |
| Focused/Safe zone size | 1740x620 pt (1740x620 px @1x, 3480x1240 px @2x) |
| Unfocused size | 1740x560 pt (1740x560 px @1x, 3480x1120 px @2x) |
After creating all the icons, you should put them into a folder whose name is icon.iconset. The folder must have the .iconset extension. It might look a bit unusual for a folder to have an extension, but this extension signals to the system that the folder contains a set of icons.