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	[email protected]	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	[email protected]	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	[email protected]	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	[email protected]	Spotlight for iPad with retina display compatibility	Optional but recommended	Optional but recommended

Back to Top

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	[email protected]	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	[email protected]	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	[email protected]	Spotlight on iPad with retina display	Optional but recommended	Optional but recommended

Back to Top

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	[email protected]	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	[email protected]	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	[email protected]	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	[email protected]	Spotlight for iPad with retina display	Optional but recommended	Optional but recommended

Back to Top

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.

Back to Top

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.