Articles, Game Design
App Icon Size Reference Chart
Apr
What app icon sizes are needed for iPhone, iPod Touch, and Universal apps?
iPhone and iPod Touch apps need all the icons that a Universal app has. You might wonder why an iPhone-only app needs iPad app icons – remember that an iPhone app can run on an iPad, too!
The reverse is not true – iPad only apps cannot be run on iPhones. Therefore iPad-only apps get their own section.
Required Icons:
App Store icon: 1024×1024 pixels
iPhone home screen icon: 120×120 (retina) pixels
iPad home screen icon: 76×76 and 152×152 (retina) pixels
Optional Icons:
Spotlight search results: 40×40 and 80×80 (retina) pixels
Settings icon: 29×29 and 58×58 (retina) pixels
You only need to include those optional icons if your app has a need for them – for example, if the app has settings to configure under the Settings app. If you don’t know what I’m talking about, you probably don’t need them.
If you want to know more, or need to know about document icons or web clip icons, get it from the source: read what Apple’s Human Interface Guidelines says about app icons.
What app icon sizes are needed for iPad-only apps?
Since iPad-only apps can’t run on an iPhone, you don’t need quite as many icons.
Required Icons:
App Store icon: 1024×1024 pixels
iPad home screen icon: 76×76 and 152×152 (retina) pixels
Optional Icons:
Spotlight search results: 40×40 and 80×80 (retina) pixels
Settings icon: 29×29 and 58×58 (retina) pixels
Chime on in!
If you see something incorrect in my diagram, please let me know! And if you find this useful, tell your other app developer and designer friends :]
Hello Vicky, thanks for the great lookup table – I’m wondering if there is a way to ‘generate’ all these different icon files with a single click from one vector design in illustrator?
I don’t have anything that I use, but you could look around for a script that might do it. Right now I just give the developer a 1024×1024 image and they use that to generate all the sizes. I think he uses a program or script to do it but there are online things like http://makeappicon.com too.
I am the author of App Icon Resizer.
http://rintarou.dyndns.org/works/app-icon-resizer/
https://itunes.apple.com/us/app/app-icon-resizer/id759132884?ls=1&mt=12
You can use it to do this. Just drag the source file (.pdf, .psd, .png, .jpg, …) and setup the sizes you need.
If your .ai file is PDF compatible, you can use it as source file too.
If you need this app, just mail me and I’ll send a redeem code to you.
Thanks for these great articles.
It would be great if this article included the icon naming scheme one should follow as well as the location that the icons should be stored at. With that information, this article becomes a one stop solution.