Version 0.1 - Oct. 25, 2012
By Mike Gieson
Icon Slayer outputs multiple sized and formatted (rounded corners, gloss and drop shadows) PNG images for use with Web, iOS and Android apps, but it can also be used for much more!
The following document outlines the icon sizes and additional information
about each kind of icon for Apple iOS and Android (below).
For more information about Icon Slayer, visit www.gieson.com
The following information was derived from: http://developer.apple.com/library/ios/#qa/qa1686/_index.html
Size |
File Name |
Used For |
Required Status |
Notes |
|---|---|---|---|---|
29x29 |
Icon-Small.png |
Spotlight and Settings |
Optional but recommended |
|
50x50 |
Icon-Small-50.png |
Spotlight |
Recommended if you have a Settings bundle |
|
57x57 |
Icon.png |
App Store and Home screen |
Required |
|
58x58 |
Icon-Small@2x.png |
Spotlight and Settings (Retina) |
Recommended if you have a Settings bundle |
|
72x72 |
Icon-72.png |
Home screen |
Optional but recommended |
|
114x114 |
Icon@2x.png |
Home screen (Retina) |
Optional but recommended |
|
512x512 |
iTunesArtwork |
Ad Hoc iTunes |
Optional but recommended |
File should be in png format, but name it without the .png extension |
1024x1024 |
iTunesArtwork@2x |
Ad Hoc iTunes (Retina) |
Optional but recommended |
File should be in png format, but name it without the .png extension |
Image Size |
File Name |
Used For |
Required Status |
Notes |
|---|---|---|---|---|
29x29 |
Icon-Small.png |
Settings on iPad |
Recommended if you have a Settings bundle, otherwise optional but recommended |
|
58x58 |
Icon-Small@2x.png |
Settings on iPad (Retina) |
Recommended if you have a Settings bundle, otherwise optional but recommended |
|
50x50 |
Icon-Small-50.png |
Spotlight on iPad |
Optional but recommended |
|
100x100 |
Icon-Small-50@2x.png |
Spotlight on iPad (Retina) |
Optional but recommended |
|
72x72 |
Icon-72.png |
App Store and Home screen on iPad |
Required |
|
144x144 |
Icon-72@2x.png |
App Store and Home screen on iPad (Retina) |
Required |
|
512x512 |
iTunesArtwork |
Ad Hoc iTunes |
Optional but recommended |
File should be in png format, but name it without the .png extension |
1024x1024 |
iTunesArtwork@2x |
Ad Hoc iTunes |
Optional but recommended |
File should be in png format, but name it without the .png extension |
Image Size |
File Name |
Used For |
Required Status |
Notes |
|---|---|---|---|---|
29x29 |
Icon-Small.png |
Settings and Spotlight |
Recommended if you have a Settings bundle |
|
50x50 |
Icon-Small-50.png |
Spotlight |
Optional but recommended |
|
57x57 |
Icon.png |
App Store and the Home screen |
Required |
|
58x58 |
Icon-Small@2x.png |
Spotlight and Settings |
Recommended if you have a Settings bundle |
|
72x72 |
Icon-72.png |
App Store and Home screen |
Required |
|
114x114 |
Icon@2x.png |
Home screen |
Optional but recommended |
|
512x512 |
iTunesArtwork |
Ad Hoc iTunes |
Optional but recommended |
File should be in png format, but name it without the .png extension |
These are shown on the device home screen when saving a bookmark. This is similarin nature to the "favicon" for websites. The '-precomposed' portion of the filename prevents Apple from automatically adding gloss, rounded corners and drop shadows.
Refer to the "Webpage Icon" Apple documentation page for additional details.
Image Size (px) |
File Name |
Embed Code |
|---|---|---|
57x57 |
apple-touch-icon-precomposed.png |
<link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png"/> |
72x72 |
apple-touch-icon-72x72-precomposed.png |
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png" /> |
114x114 |
apple-touch-icon-114x114-precomposed.png |
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png" /> |
144x144 |
apple-touch-icon-144x144-precomposed.png |
<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png" /> |
The following information was derived from: http://developer.android.com/guide/practices/ui_guidelines/icon_design.html
Asset Type |
Prefix |
Sizes |
|---|---|---|
Google Market hi-res |
market_ |
512 xhdpi |
Button Status / Notify |
btn_stat_notify |
24 ldpi |
Launcher icons |
ic_launcher |
36 ldpi |
Menu icons and Action Bar icons |
ic_menu |
36 ldpi |
Status bar icons |
ic_stat_notify |
19 ldpi |
Tab icons |
ic_tab |
24 ldpi |
Dialog icons |
ic_dialog |
24 ldpi |
Lists |
ic_list |
24 ldpi |