APP Icon

转载自:https://developer.apple.com/library/ios/qa/qa1686/_index.html

Technical Q&A QA1686

App Icons on iPad and iPhone

Q:  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.

Except for iTunesArtwork, icon files for your app do not need to follow any naming convention. However, each icon file that you include must be listed in the Icon files entry in theInfo.plist. Follow the steps in the Adding Icon files in Info.plist section.

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

Important: iTunesArtwork icon files should be in png format, but name it without the .png extension.

iPhone-only Apps

iPhone applications need the following images included as resources in the Xcode project.

Table 1  iPhone-only apps icon requirements.

Image Size (px)

File Name

Used For

App Store

Ad Hoc

512x512

iTunesArtwork

App list in iTunes

Do not include

Optional but recommended

1024x1024

iTunesArtwork@2x

App list in iTunes for devices with retina display

Do not include

Optional but recommended

57x57

Icon.png

App Store and Home screen on iPhone/iPod touch

Required

Required

114x114

Icon@2x.png

Home screen for iPhone with retina display

Optional but recommended

Optional but recommended

72x72

Icon-72.png

Home screen for iPad compatibility

Optional but recommended

Optional but recommended

144x144

Icon-72@2x.png

Home screen for iPad with retina display compatibility

Optional but recommended

Optional but recommended

29x29

Icon-Small.png

Spotlight and Settings

Recommended if you have a Settings bundle, otherwise optional but recommended

Recommended if you have a Settings bundle, otherwise optional but recommended

58x58

Icon-Small@2x.png

Spotlight and Settings for iPhone with retina display

Recommended if you have a Settings bundle, otherwise optional but recommended

Recommended if you have a Settings bundle, otherwise optional but recommended

50x50

Icon-Small-50.png

Spotlight for iPad compatibility

Optional but recommended

Optional but recommended

100x100

Icon-Small-50@2x.png

Spotlight for iPad with retina display compatibility

Optional but recommended

Optional but recommended

iPad-only Apps

iPad applications need the following images included as resources in the Xcode project.

Table 2  iPad-only apps icon requirements.

Image Size (px)

File Name

Used For

App Store

Ad Hoc

512x512

iTunesArtwork

Ad Hoc iTunes

Do not include

Optional but recommended

1024x1024

iTunesArtwork@2x

Ad Hoc iTunes for devices with retina display

Do not include

Optional but recommended

72x72

Icon-72.png

Home screen on iPad

Required

Required

144x144

Icon-72@2x.png

Home screen for iPad with retina display

Optional but recommended

Optional but recommended

29x29

Icon-Small.png

Settings on iPad

Recommended if you have a Settings bundle, otherwise optional but recommended

Recommended if you have a Settings bundle, otherwise optional but recommended

58x58

Icon-Small@2x.png

Settings on iPad with retina display

Recommended if you have a Settings bundle, otherwise optional but recommended

Recommended if you have a Settings bundle, otherwise optional but recommended

50x50

Icon-Small-50.png

Spotlight on iPad

Optional but recommended

Optional but recommended

100x100

Icon-Small-50@2x.png

Spotlight on iPad with retina display

Optional but recommended

Optional but recommended

Universal Apps

Universal applications need the following images included as resources in the Xcode project.

Table 3  Universal apps icon requirements.

Image Size (px)

File Name

Used For

App Store

Ad Hoc

512x512

iTunesArtwork

Ad Hoc iTunes

Do not include

Optional but recommended

1024x1024

iTunesArtwork@2x

Ad Hoc iTunes for devices with retina display

Do not include

Optional but recommended

57x57

Icon.png

App Store and Home screen on iPhone/iPod touch

Required

Required

114x114

Icon@2x.png

Home screen for iPhone with retina display

Optional but recommended

Optional but recommended

72x72

Icon-72.png

Home screen for iPad

Optional but recommended

Optional but recommended

144x144

Icon-72@2x.png

Home screen for iPad with retina display

Optional but recommended

Optional but recommended

29x29

Icon-Small.png

Spotlight and Settings

Recommended if you have a Settings bundle, otherwise optional but recommended

Recommended if you have a Settings bundle, otherwise optional but recommended

58x58

Icon-Small@2x.png

Spotlight and Settings for iPhone with retina display

Recommended if you have a Settings bundle, otherwise optional but recommended

Recommended if you have a Settings bundle, otherwise optional but recommended

50x50

Icon-Small-50.png

Spotlight for iPad

Optional but recommended

Optional but recommended

100x100

Icon-Small-50@2x.png

Spotlight for iPad with retina display

Optional but recommended

Optional but recommended

Adding Icon files in Info.plist

To add the Icon files entry you will need to manually edit your Info.plist.

Open your Info.plist in Xcode. Command click anywhere in the space below the existing entries and select Add Row to make a new key entry as shown in Figure 1.

Figure 1  Add a new entry using the context menu

Then, type Icon files in the key column (notice the "s" added), or choose Icon files from the drop down list, as shown in Figure 2.

Figure 2  Add 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 in Figure 3 and Figure 4. If the retina and non-retina images of an icon share a common base name, you should add a single entry with this base name as its value; do not include the retina (@2x) modifier or the file extension. Otherwise, you must specify the complete file name (with extension) for each icon, and you must add separate entries for the retina and non-retina images for that icon.

Figure 3  Add icon file entries for iPhone-only or Universal apps. Figure 4  Add icon files for iPad-only apps.

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 with specific sizes needed.

For additional information, see the App Icons section in the iOS App Programming Guide.

For details on using the CFBundleIconFiles key, see Information Property List Key Reference. For information on creating your applications icons, see the App Icons section of the iOS Human Interface Guidelines.



Document Revision History

Date Notes
2013-07-18

Added icon information for iPad with retina display.

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.


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值