Search code examples
iosiphoneapp-store-connectitunes

iOS does iTunes automatically crop your icon?

I know that iOS app icons are automatically cropped to the nice rounded shape and a reflection effect is added when installed on the device. Is this same effect also automatically done with the 512x512 image in iTunes or do I need to design it the right shape? If I do is there a template I can use?

Solution

  • The 512 x 512 image will be resized to the correct size wherever it is used in the store. iTunes also adds the rounded edges and the gloss and reflection as well. If you want to have a "pre-rendered" icon (meaning no gloss is added), add this as an entry to your .plist file:

    UIPrerenderedIcon TRUE

    There's also a series of icons in your application. Here's what I have set in my applications (these are also in your .plist file):

    <key>CFBundleIconFile</key>
<string>iPhoneAppIcon.png</string>

<key>CFBundleIconFiles</key>
<array>
    <string>[email protected]</string>
    <string>iPhoneAppIcon.png</string>
    <string>iPadAppIcon.png</string>
    <string>Icon-Small-50.png</string>
    <string>Icon-Small.png</string>
</array>

    For reference...

    • iPhoneAppIcon.png (57x57) (iOS - 1,3G,3GS,1st/2nd Gen Touch)
    • [email protected] (114x114 - for retina display)
    • iPadAppIcon.png (72x72 - for iPad)
    • Icon-Small-50.png (50x50 - for iPad spotlight search)
    • Icon-Small.png (29x29 - for spotlight search)

    So Apple does a lot for you in the iTunes store, but you still have to make a bunch for in your app. I usually start by creating a 512x512 and resize down from there and make adjustments in the little guys as needed.