Icon and Image Sizes
Every app needs an app icon and a launch image. In addition, some apps need custom icons to represent app-specific content, functions, or modes in navigation bars, toolbars, and tab bars.
Unlike other custom artwork in your app, the icons and images listed in Table 39-1 must meet specific criteria so that iOS can display them properly. In addition, some icon and image files have naming requirements. (If you need to support standard-resolution iPhone or iPod touch devices, divide by 2 the high-resolution sizes listed below.)
Description | Size for iPhone 5 and iPod touch (high resolution) | Size for iPhone and iPod touch (high resolution) | Size for iPad and iPad mini (high resolution) | Size for iPad 2 and iPad mini (standard resolution) |
---|---|---|---|---|
App icon (required for all apps) | 120 x 120 | 120 x 120 | 152 x 152 | 76 x 76 |
App icon for the App Store (required for all apps) | 1024 x 1024 | 1024 x 1024 | 1024 x 1024 | 1024 x 1024 |
Launch image (requiredfor all apps) | 640 x 1136 | 640 x 960 | 1536 x 2048 (portrait) 2048 x 1536 (landscape) | 768 x 1024 (portrait) 1024 x 768 (landscape) |
Spotlight search results icon (recommended) | 80 x 80 | 80 x 80 | 80 x 80 | 40 x 40 |
Settings icon (recommended) | 58 x 58 | 58 x 58 | 58 x 58 | 29 x 29 |
Toolbar and navigation bar icon (optional) | About 44 x 44 | About 44 x 44 | About 44 x 44 | About 22 x 22 |
Tab bar icon (optional) | About 50 x 50 (maximum: 96 x 64) | About 50 x 50 (maximum: 96 x 64) | About 50 x 50 (maximum: 96 x 64) | About 25 x 25 (maximum: 48 x 32) |
Default Newsstand cover icon for the App Store (required for Newsstand apps) | At least 1024 pixels on the longest edge | At least 1024 pixels on the longest edge | At least 1024 pixels on the longest edge | At least 512 pixels on the longest edge |
Web clip icon (recommended for web apps and websites) | 120 x 120 | 120 x 120 | 152 x 152 | 76 x 76 |
For all images and icons, the PNG format is recommended. You should avoid using interlaced PNGs.
The standard bit depth for icons and images is 24 bits—that is, 8 bits each for red, green, and blue—plus an 8-bit alpha channel.
You don’t need to constrain your palette to web-safe colors.