[翻译] Icon and Image Sizes

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-1**Size (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.

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

[翻译] Icon and Image Sizes相关推荐

支持ios6,ios7桌面图片icon的尺寸和命名
I submitted an app update, but have received an email telling me the above error has occurred. Has a ...
apple watch 指南
1. 文档 WatchKit Programming Guide(中译在线版 By @CocoaChina) 译文译者原文概览 - 开始为 Apple Watch 进行开发 @星夜暮晨 Over ...
IOS开发系列--IOS程序开发概览
IOS开发系列--IOS程序开发概览 2014-08-04 19:42 by KenshinCui, 9983 阅读, 51 评论, 收藏, 编辑概览终于到了真正接触IOS应用程序的时刻了,之前我 ...
amazeui学习笔记一（开始使用4）--Web App 相关
amazeui学习笔记一(开始使用4)--Web App 相关一.总结 1.桌面图标(Touch icon)解决方案:终极方案:link标签的rel和href属性: <link rel=&qu ...
Web App Manifest
简介 Web应用程序清单在一个JSON文本文件中提供有关应用程序的信息(如名称,作者,图标和描述).manifest 的目的是将Web应用程序安装到设备的主屏幕,为用户提供更快的访问和更丰富的体验. ...
百度地图标记聚合器MarkerClusterer结合TextIconOverlay，根据标记点的属性更换聚合器的样式
一.问题公司的项目中在百度地图上生成了成千上万的点,所以使用了标记聚合器MarkerClusterer来处理海量点,但是每个点根据异常类型,分为正常(绿色)和异常(红色),这时如果用了聚合器,只有没 ...
PWA——下一代的web应用模型
PWA--下一代的web应用模型什么是PWA PWA为什么会出现如何判断一个web应用是PWA 核心功能 Service-Workers 注册service worker service work ...
PWA(Progressive Web App)入门系列：（一）PWA简介
前言 PWA做为一门Google推出的WEB端的新技术,好处不言而喻,但目前对于相关方面的知识不是很丰富,这里我推出一下这方面的入门教程系列,提供PWA方面学习. 什么是PWA PWA全称Progre ...

[翻译] Icon and Image Sizes

[翻译] Icon and Image Sizes相关推荐

最新文章

热门文章