Icon and Image Sizes

iOS Human Interface Guidelines

Every app needs an app icon and a launch file or image. In addition, some apps need custom icons to represent app-specific content, functions, or modes in navigation bars, toolbars, and tab bars.

一款app需要app图标,启动页图标,以及一些自定义图标来填充导航栏,工具栏,还有tabBar.

Unlike other custom artwork in your app, the icons and images listed in Table 41-1 must meet specific criteria so that iOS can display them properly. In addition, some icon and image files have naming requirements (to learn about naming these files, see App Icons and App Launch (Default) Images).

下表中的一些属性,是需要遵循一定的要求才能够在app中正常显示的.另外,某些图标或者图片对命名有着严格要求.

Table 41-1Size (in pixels) of custom icons and images

Asset

iPhone 6 Plus (@3x)

iPhone 6 and iPhone 5 (@2x)

iPhone 4s (@2x)

iPad and iPad mini (@2x)

iPad 2 and iPad mini (@1x)

App icon (required for all apps)

180 x 180

120 x 120

120 x 120

152 x 152

76 x 76

App icon for the App Store (required for all apps)

1024 x 1024

1024 x 1024

1024 x 1024

1024 x 1024

1024 x 1024

Launch file or image (required for all apps)

Use a launch file (seeLaunch Images)

For iPhone 6, use a launch file (see Launch Images)

For iPhone 5, 640 x 1136

640 x 960

1536 x 2048 (portrait)

2048 x 1536 (landscape)

768 x 1024 (portrait)

1024 x 768 (landscape)

Spotlight search results icon (recommended)

120 x 120

80 x 80

80 x 80

80 x 80

40 x 40

Settings icon (recommended)

87 x 87

58 x 58

58 x 58

58 x 58

29 x 29

Toolbar and navigation bar icon (optional)

About 66 x 66

About 44 x 44

About 44 x 44

About 44 x 44

About 22 x 22

Tab bar icon (optional)

About 75 x 75 (maximum: 144 x 96)

About 50 x 50 (maximum: 96 x 64)

About 50 x 50 (maximum: 96 x 64)

About 50 x 50 (maximum: 96 x 64)

About 25 x 25 (maximum: 48 x 32)

Default Newsstand cover icon for the App Store (required for Newsstand apps)

At least 1024 pixels on the longest edge

At least 1024 pixels on the longest edge

At least 1024 pixels on the longest edge

At least 1024 pixels on the longest edge

At least 512 pixels on the longest edge

Web clip icon (recommended for web apps and websites)

180 x 180

120 x 120

120 x 120

152 x 152

76 x 76

For all images and icons, the PNG format is recommended. You should avoid using interlaced PNGs.

所有的这些图片,都推荐使用PNG图片.但是,你需要避免使用交错的PNG图片.

The standard bit depth for icons and images is 24 bits—that is, 8 bits each for red, green, and blue—plus an 8-bit alpha channel, for a total of 32 bits.

标准的位深是24位.红绿蓝共8位,最后还有透明像素8位,一共32位.

You don’t need to constrain your palette to web-safe colors.

你无须将你的图片转换成网络安全色,这里是支持所有颜色的.

最新文章

  1. python成长之路【第十二篇】:RabbitMQ入门
  2. java-7311练习(上)
  3. hadoop资料收集
  4. 父元素与子元素之间的margin-top问题(css hack)(转载)
  5. [ffmpeg 扩展第三方库编译系列] 关于libopenjpeg mingw32编译问题
  6. onethink的插件扩展
  7. Tomcat session生成算法
  8. IO多路复用注解
  9. P3346 [ZJOI2015]诸神眷顾的幻想乡
  10. Python 笔试 —— 效率与优雅
  11. vue项目优化之路由懒加载
  12. ElasticSearch 6.x 父子文档[join]分析
  13. IBAction:IBOutlet:注意事项
  14. Java集合框架2
  15. POJ 2763 Housewife Wind LCA转RMQ+时间戳+线段树成段更新
  16. unity5 Text
  17. ExtJS发送POST请求 参数格式为JSON
  18. Js复制链接代码
  19. 7-Linq查询语言
  20. 关于mysql无法添加中文数据的问题以及解决方案

热门文章

  1. protocol buffer开发指南
  2. ssh 登录进入 docker container
  3. springcloud-05-ribbon中不使用eureka
  4. Nginx使用记录
  5. Hadoop/Spark生态圈里的新气象
  6. MySQL常用命令操作
  7. I/O模式总结
  8. C语言——打印“Hello World!”,这么简单?
  9. Maven配置私服仓库
  10. whistle替代Fiddler调试远程服务器代码使用教程