App icons on iPad and iPhone (iPad and iPhone app icons)

Source: Internet
Author: User
Tags home screen
Https://developer.apple.com/library/ios/#qa/qa1686/_index.html

Technical Q & A qa1686

App icons on iPad and iphoneq: How are the icon files in my application bundle used on iPad and iPhone?

A: below are guidelines for handling Icon files for iPhone-only apps, iPad-only apps, and universal apps.

Important:Icons marked"Required"Must be supplied in your application bundle.

Note:Itunesartwork icon file shocould be in PNG format, but name it without the. PNG extension.

IPhone-only apps

Include the following in your application's Resources Group in the xcode project:

Table 1IPhone-only apps icon requirements.

Image size (PX)

File Name

Used

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

Your Resources Group shocould look similar to Figure 1:

Figure 1Add files to Resources Group

Workflow t for itunesartwork icon, List the names of each of these files inIcon filesEntry in
Info.plist. Follow the steps in "add Icon files in info. plist" section below. seefigure 4.

Back to Top

IPad-only apps

Include the following in your application's Resources Group in the xcode project:

Table 2IPad-only apps icon requirements.

Image size (PX)

File Name

Used

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

Workflow t for itunesartwork icon, List the names of each of these files inIcon filesEntry in
Info.plist. Follow the steps in "add Icon files in info. plist" section below. seefigure 5.

Back to Top

Universal apps

Include the following in your application's Resources Group in the xcode project:

Table 3Universal apps icon requirements.

Image size (PX)

File Name

Used

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

Workflow t for itunesartwork icon, List the names of each of these files inIcon filesEntry in
Info.plist. Follow the steps in "add Icon files in info. plist" section below. seefigure 4.

Back to Top

Add Icon files in info. plist

To addIcon filesEntry you will need to manually edit your
Info.plist
.

Open yourInfo.plistIn xcode, and locate"Icon file"Entry. Click on the plus (+) button at the end of the entry to make a new key entry. As shown infigure 2.

Figure 2Add a new entry under "icon file" Key

Then, type"Icon files"In the key column (Notice"s"Added), or choose"Icon files"From the drop down list, as shown infigure 3.

Figure 3Add "icon files" key in info. plist

Next, turn down the disclosure triangle on"Icon files"And add the entries for the icons for your application, as shown infigure 4 and
Figure 5:

Figure 4Add icon file entries for iPhone-only or universal apps.Figure
5
Add entries for iPad Icon files.

Note:If you don't provide one of the listed optional icons, the system will automatically scale one of your existing icons to an appropriate size. however, it is strongly recommended that your application supply all the icons listed
Specific sizes needed.

For additional information, see the build-time
Configuration details section in the IOS application programming guide.

For details on usingCFBundleIconFilesKey, see
Information property list key reference.
For information on creating your applications icons, see
Application icons section ofIOS
Human Interface Guidelines
.

Back to Top

Document revision history

Date Notes
2011-07-14

After IOS 4.3, order doesn' t matter in the icon arrangement. Added links to related references.

2010-07-14

Fixed outdated "add Icon files in info. plist" section.

2010-07-12

Updated for iOS 4 requirements.

2010-04-09

New document that explains how the icon files in an application bundle are used on iPad and iPhone.

2011 Apple Inc. All Rights Reserved. (last updated)

Https://developer.apple.com/library/ios/#qa/qa1686/_index.html

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.