Skip to main content

iOS Dev: iOS Application icons & sizes

Image
By
iOS Application icons & sizes
Here the way : 

 Below are some useful guidelines for naming & sizing of icon files required for iPhone-only apps, iPad-only apps, and Universal apps.

iPhone-only Apps

Include the following in your application's Resources group in the Xcode project:
Image Size (px)
File Name
Used For
Required Status
512x512
iTunesArtwork
Ad Hoc iTunes
Optional but recommended
57x57
Icon.png
App Store and Home screen on iPhone/iPod touch
Required
114x114
Icon@2x.png
Home screen for iPhone 4 High Resolution
Optional but recommended
72x72
Icon-72.png
Home screen for iPad compatibility
Optional but recommended
29x29
Icon-Small.png
Spotlight and Settings
Optional but recommended
50x50
Icon-Small-50.png
Spotlight for iPad compatibility
Recommended if you have a Settings bundle, otherwise optional but recommended
58x58
Icon-Small@2x.png
Spotlight and Settings for iPhone 4 High Resolution
Recommended if you have a Settings bundle, otherwise optional but recommended

Except for iTunesArtWork icon, list the names of each of these files in the  Icon files  entry in the  Info.plist. Follow the steps explained in "Adding Icon files in Info.plist" section below.


iPad-only Apps

Include the following in your application's Resources group in the Xcode project:

Image Size (px)
File Name
Used For
Required Status
512x512
iTunesArtwork
Ad Hoc iTunes
Optional but recommended
72x72
Icon-72.png
App Store and Home screen on iPad
Required
50x50
Icon-Small-50.png
Spotlight on iPad
Optional but recommended
29x29
Icon-Small.png
Settings on iPad
Recommended if you have a Settings bundle, otherwise optional but recommended

Except for iTunesArtWork icon, list the names of each of these files in the  Icon files  entry in the Info.plist. Follow the steps in "Adding Icon files in Info.plist" section below.

Universal Apps

Include the following in your application's Resources group in the Xcode project: 


Image Size (px)
File Name
Used For
Required Status
512x512
iTunesArtwork
Ad Hoc iTunes
Optional but recommended
57x57
Icon.png
App Store and the Home screen on iPhone/iPod touch
Required
114x114
Icon@2x.png
Home screen for iPhone 4 High Resolution
Optional but recommended
72x72
Icon-72.png
App Store and Home screen on iPad
Required
50x50
Icon-Small-50.png
Spotlight on iPad
Optional but recommended
29x29
Icon-Small.png
Settings on iPad and iPhone, and Spotlight on iPhone
Recommended if you have a Settings bundle, otherwise optional but recommended
58x58
Icon-Small@2x.png
Spotlight and Settings for iPhone 4 High Resolution
Recommended if you have a Settings bundle, otherwise optional but recommended


Except for iTunesArtWork icon, list the names of each of these files in the Icon files  entry in the  Info.plist. Follow the steps in "Adding Icon files in Info.plist" section below. 

Adding Icon files in Info.plist

To add the Icon files entry you will need to manually edit your  Info.plist file.
Open your Info.plist in Xcode, and add a new row of type "Array". Name the new field as "Icon Files".
Add entries of icon names (as per the list of icons needed for iPhone only, iPad only, universal apps) inside the "Icon Files" array as shown below.

Info.plist 


 For more references : Apple HIG Custom Image Guide Lines

Happy Coding :) Cheers:)


Labels:

Comments

Post a Comment

Popular posts from this blog

WPF-MVVM: RelayCommand Implementation

By
In WPF if we are implementing MVVM pattern then we need to play with Command rather than Events. You can use ICommand interface to create each command class. Implementation of ICommand in a class gives you CanExecute(), Execute() methods which take part in the action performed by Command.   Rather than making Command Class for each Command we can implement a generic Relay Command to get Command. Below is a RelayCommand class that we will implement.   ///   <summary>      ///  To register commands in MMVM pattern      ///   </summary>      class   RelayCommands  :  ICommand     {          readonly   Action < object > _execute;          readonly   Predicate < object > _canExecute;  ...
Post a Comment
Read more

iOS Dev: Encryption in Objective-C

By
Hello Friends: In this Article/Post, I introduced the one encryption technique in Objective-C.  Encryption Component Features in all  Symmetric Encryption: AES, Blowfish, Twofish, RC2, ARC4, DES, 3DES, PBES1, PBES2. Hash Algorithms :  SHA-1 , SHA256, SHA384, SHA512, MD2, MD4, MD5, HAVAL. Hash Algorithms: RIPEMD128, RIPEMD160, RIPEMD256, RIPEMD320. Encoding: Base64, hex, quoted-printable,  URL-encoding . HMAC with any supported hash algorithm: HMAC-MD5,  HMAC-SHA1 , etc. Password-based Key Derivation Functions: PBKDF1, PBKDF2 PKCS7 -- P7S and P7M creation, decryption, verification. Public key encryption/decryption with digital certificates. Digital signature creation/verification with digital certificates. Bzip2 in-memory compression. Encrypt / decrypt strings or byte data. Return encrypted data as Base64, quoted-printable, or hex-encoded strings. Hash strings or binary data using SHA1, MD2, MD5, HAVAL, SHA384, or SHA512. Public-key encryp...
1 comment
Read more

iPhonegap: Developing a PhoneGap Application

By
Tutorial: Developing a PhoneGap Application Reference :  Here In this tutorial, you create a fully functional employee directory application with  PhoneGap . You will learn: How to use different local data storage strategies. How to use several PhoneGap APIs such as Geolocation, Contacts, and Camera. How to handle specific mobile problems such as touch events, scrolling, styling, page transitions, etc. How to build an application using a single page architecture and HTML templates. How to build (compile and package) an application for 6 platforms using  PhoneGap Build . To complete this tutorial, all you need is a code editor, a modern browser, and a connection to the Internet. A working knowledge of HTML and JavaScript is assumed, but you don’t need to be a JavaScript guru. Setting Up Download the assets for the workshop  here . Unzip the file anywhere on your file system. If your code editor allows you to “open a directory”, open the phonegap...
Post a Comment
Read more