应用程序图标

下表列出了每个移动设备平台使用的图标尺寸:

图标尺寸

平台

29x29

iOS

36x36

Android

40x40

iOS

48x48

Android, iOS

50x50

iOS

57x57

iOS

58x58

iOS

60x60

iOS

72x72

Android, iOS

75x75

iOS

76x76

iOS

80x80

iOS

87x87

iOS

96x96

Android

100x100

iOS

114x114

iOS

120 x 120

iOS

144x144

Android, iOS

152x152

iOS

167 x 167

iOS

180x180

iOS

192x192

Android

512x512

Android, iOS

1024 x 1024

iOS

指定应用程序描述符文件的图标元素中图标文件的路径:

<icon> 
                        <image36x36>assets/icon36.png</image36x36> 
                        <image48x48>assets/icon48.png</image48x48> 
                        <image72x72>assets/icon72.png</image72x72> 
                        </icon> 

如果未提供指定尺寸的图标,则使用第二大尺寸并缩放至适合的大小。

Android 上的图标

在 Android 上,应用程序描述符中指定的图标会用作应用程序 Launcher 图标。应用程序 Launcher 图标应作为一组 36x36、48x48、72x72、96x96、144x144 和 192x192 像素的 PNG 图像来提供。这些图标尺寸分别用于低密度、中等密度和高密度屏幕。

开发人员在向 Google Play Store 提交应用程序时,需要提交 512x512 像素的图标。

iOS 上的图标

在应用程序描述符中定义的图标用于 iOS 应用程序的以下位置:

  • 29x29 像素图标 — 较低分辨率 iPhone/iPod 的 Spotlight 搜索图标和较低分辨率 iPad 的设置图标。

  • 40x40 像素图标 — 较低分辨率 iPad 的 Spotlight 搜索图标。

  • 48x48 像素图标 — AIR 给该图像添加一个边框,且在较低分辨率 iPad 上将其用作一个 50x50 的 Spotlight 搜索图标。

  • 50x50 像素图标 — 较低分辨率 iPad 的 Spotlight 搜索图标。

  • 57x57 像素图标 — 较低分辨率 iPhone/iPod 的应用程序图标。

  • 58x58 像素图标 — Retina 显示屏 iPhone/iPod 的 Spotlight 图标和 Retina 显示屏 iPad 的设置图标。

  • 60x60 像素图标 — 较低分辨率 iPhone/iPod 的应用程序图标。

  • 72x72 像素图标(可选)— 较低分辨率 iPad 的应用程序图标。

  • 76x76 像素图标(可选)— 较低分辨率 iPad 的应用程序图标。

  • 80x80 像素图标 — 高分辨率 iPhone/iPod/iPad 的 Spotlight 搜索图标。

  • 100x100 像素图标 — Retina 显示屏 iPad 的 Spotlight 搜索图标。

  • 114x114 像素图标 — Retina 显示屏 iPhone/iPod 的应用程序图标。

  • 114x114 像素图标 — Retina 显示屏 iPhone/iPod 的应用程序图标。

  • 120x120 像素图标 — 高分辨率 iPhone/iPod 的应用程序图标。

  • 152x152 像素图标 — 高分辨率 iPad 的应用程序图标。

  • 167x167 像素图标 — 高分辨率 iPad Pro 的应用程序图标。

  • 512x512 像素图标 — 较低分辨率 iPhone/iPod/iPad 的应用程序图标。iTunes 显示此图标。当您将最终应用程序提交给 Apple 应用程序库时,512 像素 PNG 文件仅用于测试应用程序的开发版本,须单独以 JPG 文件格式提交 512 图像。它不包含在 IPA 中。

  • 1024x1024 像素图标 — Retina 显示屏 iPhone/iPod/iPad 的应用程序图标。

iOS 为图标添加了眩光效果。您无需对源图像应用这种效果。要删除此默认眩光效果,请将以下内容添加到应用程序描述符文件中的 InfoAdditions 元素:

<InfoAdditions> 
                                <![CDATA[ 
                                <key>UIPrerenderedIcon</key> 
                                <true/> 
                                ]]> 
                                </InfoAdditions> 
注: 在 iOS 上,将应用程序元数据作为 png 元数据插入到应用程序图标中,以便 Adobe 可以跟踪 Apple iOS App Store 中可用的 AIR 应用程序的数量。如果不希望应用程序因此图标元数据而被标识为 AIR 应用程序,您必须对 IPA 文件进行解包,删除图标元数据,并对其重新打包。文章“忽略 iOS 系统上的 AIR 应用程序分析”叙述了这一过程。

iOS 启动图像

除应用程序图标外,还必须至少提供一个名为 Default.png 的启动图像。或者,您也可以为不同的启动方向、不同的分辨率(包括高分辨率 Retina 显示屏和 16:9 高宽比)以及不同的设备单独加入启动图像。您还可以添加不同的启动图像,以便在通过 URL 调用您的应用程序时使用。

应用程序描述符中未引用启动图像文件,这些文件必须放置在应用程序的根目录中。(请将该文件放在子目录中。)

文件命名方案

根据以下方案对图像命名:

basename + screen size modifier + urischeme + orientation + scale + device + .png

唯一所需的是文件名的 basename 部分。该部分可以是 Default(字母 D 大写),也可以是使用应用程序描述符的 InfoAdditions 元素中的 UILaunchImageFile 关键字指定的名称。

如果屏幕大小不是其中一种标准屏幕大小,screen size modifier 部分指定了屏幕大小。该修饰符只适用于搭载高宽比为 16:9 显示屏的 iPhone 和 iPod touch 产品,例如 iPhone 5 和 iPod touch(第五代)。该修饰符唯一支持的值为 -568h。由于这些设备支持高分辨率 (Retina) 显示屏,因而 screen size modifier 总是与支持 @2x 缩放修饰符的图像一同使用。这些设备默认的完整启动图像名称为 Default-568h@2x.png

urischeme 部分是用于标识 URI 方案的字符串。仅当您的应用程序支持一个或多个自定义 URL 方案时,该部分才适用。例如,如果可以通过链接(如 example://foo)调用您的应用程序,请使用 -example 作为启动图像文件名的方案部分。

根据应用程序启动时设备的方向,orientation 部分提供了指定多个启动图像的方法。该部分仅适用于 iPad 应用程序的图像。该部分可以为下列任意值之一,这些值用于表示应用程序启动时设备所处的方向。

  • -Portrait

  • -PortraitUpsideDown

  • -Landscape

  • -LandscapeLeft

  • -LandscapeRight

对用于高分辨率 (Retina) 显示屏的启动图像,scale 部分为 @2x(对于 iPhone4、iPhone5 和 iPhone6)或 @3x(对于 iPhone6 plus)。(对于用于标准分辨率显示屏的图像,请忽略整个 scale 部分。)对于更高设备的启动图像,例如 iPhone 5 和 iPod touch(第五代),您必须在 basename 部分之后和任何其他部分之前将 screen size modifier 指定为 -528h

device 部分用于指定手持设备和电话的启动图像。如果您的应用程序是通用应用程序,并且可支持包含单一应用程序二进制代码的手持设备和平板电脑,则使用该部分。可能值必须是 ~ipad~iphone(对于 iPhone 和 iPod touch 均适用)。

对于 iPhone,只能添加纵向高宽比图像。但对于 iPhone6 plus,还可以添加横向图像。对于标准分辨率设备,请使用 320x480 像素的图像,对于高分辨率设备,请使用 640x960 像素的图像,对于高宽比为 16:9 的设备,例如 iPhone 5 和 iPod touch(第五代),请使用 640x1136 像素的图像。

对于 iPad,可以添加图像,如下所示:

  • AIR 3.3 以及更早版本 — 非全屏图像:横向高宽比图像(正常分辨率为 1024x748;高分辨率为 2048x1496),也可以添加纵向高宽比图像(正常分辨率为 768x1004;高分辨率为 1536x2008)。

  • AIR 3.4 以及更高版本 — 全屏图像:横向高宽比图像(正常分辨率为 1024x768;高分辨率为 2048x1536),也可以添加纵向高宽比图像(正常分辨率为 768x1024;高分辨率为 1536x2048)。注意,当为非全屏应用程序打包全屏图像时,状态栏会将顶部的 20 个像素(高分辨率时为顶部的 40 个像素)覆盖。避免在此区域内显示重要信息。

示例

下表列出了可以为一个假想的应用程序添加的启动图像集示例,该应用程序支持最广泛的设备和方向,可通过 URL 使用 example:// 模式启动:

文件名

图像大小

用法

Default.png

320 x 480

iPhone,标准分辨率

Default@2x.png

640 x 960

iPhone,高分辨率

Default-568h@2x.png

640 x 1136

iPhone, 高分辨率, 16:9 高宽比

Default-Portrait.png

768 x 1004(AIR 3.3 以及更低版本)

768 x 1024(AIR 3.4 以及更高版本)

iPad,纵向

Default-Portrait@2x.png

1536 x 2008(AIR 3.3 以及更低版本)

1536 x 2048(AIR 3.4 以及更高版本)

iPad,高分辨率,纵向

Default-PortraitUpsideDown.png

768 x 1004(AIR 3.3 以及更低版本)768 x 1024(AIR 3.4 以及更高版本)

iPad,倒置纵向

Default-PortraitUpsideDown@2x.png

1536 x 2008(AIR 3.3 以及更低版本)1536 x 2048(AIR 3.4 以及更高版本)

iPad,高分辨率,倒置纵向

Default-Landscape.png

1024 x 768

iPad,左横向

Default-LandscapeLeft@2x.png

2048 x 1536

iPad,高分辨率,左横向

Default-LandscapeRight.png

1024 x 768

iPad,右横向

Default-LandscapeRight@2x.png

2048 x 1536

iPad,高分辨率,右横向

Default-example.png

320 x 480

标准 iPhone 上的 example://URL

Default-example@2x.png

640 x 960

高分辨率 iPhone 上的 example:// URL

Default-example~ipad.png

768 x 1004

纵向 iPad 上的 example:// URL

Default-example-Landscape.png

1024 x 768

横向 iPad 上的 example:// URL

本示例仅说明了一种方法。例如,可以为 iPad 使用 Default.png 图像,使用 Default~iphone.pngDefault@2x~iphone.png 为 iPhone 和 iPod 指定特定启动图像。

另请参见

iOS 应用程序编程指南:应用程序启动图像

iOS 设备的打包启动图像

设备

分辨率(像素)

启动图像名称

方向

iPhone

iPhone4(非 Retina)

640 x 960

Default~iphone.png

纵向

iPhone 4, 4s

640 x 960

Default@2x~iphone.png

纵向

iPhone 5, 5c, 5s

640 x 1136

Default-568h@2x~iphone.png

纵向

iPhone6, iPhone7

750 x 1334

Default-375w-667h@2x~iphone.png

纵向

iPhone6+, iPhone7+

1242 x 2208

Default-414w-736h@3x~iphone.png

纵向

iPhone6+, iPhone7+

2208 x 1242

Default-Landscape-414w-736h@3x~iphone.png

横向

iPad

iPad 1, 2

768 x 1024

Default-Portrait~ipad.png

纵向

iPad 1, 2

768 x 1024

Default-PortraitUpsideDown~ipad.png

倒置纵向

iPad 1, 2

1024 x 768

Default-Landscape~ipad.png

左横向

iPad 1, 2

1024 x 768

Default-LandscapeRight~ipad.png

右横向

iPad 3, Air

1536 x 2048

Default-Portrait@2x~ipad.png

纵向

iPad 3, Air

1536 x 2048

Default-PortraitUpsideDown@2x~ipad.png

倒置纵向

iPad 3, Air

2048 x 1536

Default-LandscapeLeft@2x~ipad.png

左横向

iPad 3, Air

2048 x 1536

Default-LandscapeRight@2x~ipad.png

右横向

iPad Pro

2048 x 2732

Default-Portrait@2x.png

纵向

iPad Pro

2732 x 2048

Default-Landscape@2x.png

横向

图片指南

您可以为启动图像创建任何图片,只要尺寸正确即可。但是,通常最好将图像与应用程序的初始状态相匹配。您可以捕获应用程序启动屏幕的屏幕快照,从而创建启动图像:

  1. 在 iOS 设备上打开应用程序。用户界面的第一个屏幕出现后,按住“主屏幕”按钮(位于屏幕下方)。在按住“主屏幕”按钮的同时,按下“睡眠/唤醒”按钮(位于设备顶部)。这会捕获一张屏幕快照并将其发送到摄像头卷。

  2. 通过从 iPhoto 或其他照片传输应用程序传输照片将此图像传输到您的开发计算机。

如果您的应用程序已本地化为多种语言,请勿在启动图像中添加文本。启动图像是静态的,文本可能与其他语言不匹配。

另请参见

iOS 人机界面指南:启动图像