Thursday 24 May 2012

The iTunesArtwork in iOS Apps


The Artwork need to do by every iOS Developer

Hi All,

Please make sure that we add "iTunesArtwork" image in every iOs App that we did.
It is used to show in iTunes  when an IPA is synced with device.




What we need to do.
1. Create a 512 * 512 PNG image .
2. Named it as "iTunesArtwork" . Remember iOS device is case-sensitive and note there is no extension for the image.
3. Add this image to application bundle.

NB : We can reuse this image as large icon required while submitting the app to app-store.

Also as a developer it is good enough to ensure the application contains all the icons with specified size.

Icon Required For iPhone/iPod and its Naming Convention and the place where it shows

1. Normal Icon  : 57 * 57  - (icon.png) - inside spring board.
2. Normal Icon (Retina display)  : 114 * 114  - (icon@2x.png) - inside spring board when retina display enabled.
3. App icon for the App Store (iTunesArtwork) :  512 * 512 - (iTunesArtwork) - inside iTunes and App-store.
4. App icon for the App Store (iTunesArtwork) (Retina display) :  1024 * 1024 - (iTunesArtwork@2x) - inside iTunes and App-store when retina display enabled.
5. Small icon for Spotlight search results and Settings : 29 * 29 - (icon-Small.png) - inside iPhone Search and Settings.
6. Small icon for Spotlight search results and Settings (Retina display) : 58 * 58 - (icon-Small@2x.png) - inside iPhone Search and Settings when retina display enabled.
7. Launch Image : 320 * 480 - (Default.png) - show while app launching.
8. Launch Image (Retina display) : 640 * 960 - (Default@2x.png) - show while app launching when retina display enabled.

Icon Required For iPad and its Naming Convention and the place where it shows

1. Normal Icon  : 72 * 72  - (icon.png) - inside spring board.
       if it is a universal app name the icon as (icon-Large.png).
2. Normal Icon (Retina display)  : 114 * 114  - (icon@2x.png) - inside spring board when retina display enabled.
       it is same as in case for iPhone/iPod.
3. App icon for the App Store (iTunesArtwork) :  512 * 512 - (iTunesArtwork) - inside iTunes and App-store.
       it is same as in case for iPhone/iPod.
4. App icon for the App Store (iTunesArtwork) (Retina display) :  1024 * 1024 - (iTunesArtwork@2x) - inside iTunes and App-store when retina display enabled.
        it is same as in case for iPhone/iPod.
5. Small icon for Settings : 29 * 29 - (icon-Small.png) - inside iPad Settings.
6. Small icon for Settings (Retina display) : 58 * 58 - (icon-Small@2x.png) - inside iPad Settings when retina display enabled.
7. Small icon for Spotlight search results : 50 * 50 - (icon-Small~ipad.png)  - inside iPad Search.
8. Small icon for Spotlight search results (Retina display) : 100 * 100 - (icon-Small~ipad@2x.png)  - inside iPad Search when retina display enabled.
9. Launch Image Portrait : 768 * 1004 - (Default-Portrait~ipad.png) - show while app launching in portrait orientation.
10. Launch Image Portrait (Retina display) : 1536 * 2008 - (Default-Portrait~ipad@2x.png) - show while app launching in portrait orientation when retina display enabled.
11. Launch Image Landscape : 1024 * 748 - (Default-Landscape~ipad.png) - show while app launching in landscape orientation.
12. Launch Image (Retina display) : 2048 * 1496 - (Default-Landscape~ipad@2x.png) - show while app launching in landscape orientation when retina display enabled.

NB : if we follow the naming convention I specified above then there is no need to specify the icons in application info-plist and also it helps to support the older iOS versions.

So In short,
iPhone app requires : 8 images
iPad app requires     : 12 images
And Universal iOS app requires : 15 images


if we ensure this much of images is added in application then a normal user thinks your application uses nice graphics till he/she launch your app.

if you need more details feel free to contact me

thanks,
Naveen Shan