文档章节

iOS App图标和启动画面尺寸

swallowYan
 swallowYan
发布于 2016/04/16 22:11
字数 328
阅读 52
收藏 5


注意:iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的。

1. 桌面图标 (app icon)

  • for iPhone6 plus(@3x) : 180 x 180

  • for iPhone 6/5s/5/4s/4(@2x) : 120 x 120

2. 系统搜索框图标 (Spotlight search results icon)

  • for iPhone6 plus(@3x) : 120 x 120

  • for iPhone6/5s/5/4s/4(@2x) : 80 x 80

3. 系统设置图标 (Settings icon)

  • for iPhone6 plus(@3x) : 87 x 87

  • for iPhone6/5s/5/4s/4(@2x) : 58 x 58

4. 启动图片 (launch image)

  • for iPhoen5s/5(@2x) : 640 x 1136

  • for iPhoen4s/4(@2x) : 640 x 960

    iPhone6/iPhone6 plus 建议使用 launch file 或 storyboard ;如果依然想使用图片,尺寸数值为:

  • for iPhone 6(@2x) : 750 x 1334

  • for iPhone 6 plus (@3x) : 1242 x 2208

5. 另一种根据iOS系统的分类法

Spotlight

  • iOS 5,6

    base: 29pt, 需要 @1x, @2x, @3x,得出:29 x 29, 58 x 58, 87 x 87

  • iOS 7,8

    base: 40pt, 需要 @2x, @3x,得出:80 x 80, 120 x 120

iPhone App

  • iOS 5,6

    base: 57pt,需要 @1x, @2x, 得出:57 x 57, 114 x 114

  • iOS 7,8

    base: 60pt,需要 @2x, @3x,得出:120 x 120, 180 x 180

Settings

  • iOS 5,6,7,8

    base: 29pt,需要 @1x,@2x,@3x,得出:29 x 29, 58x58, 87x87

6. 尺寸总结:

图标尺寸输出列表:

  • 180x180

  • 120x120

  • 87x87

  • 80x80

  • 58x58

  • 57x57

  • 29x29

启动图片尺寸输出列表:

  • 640x960

  • 640x1136

  • 750x1334

  • 1242x2208


© 著作权归作者所有

swallowYan
粉丝 15
博文 23
码字总数 3987
作品 0
海淀
私信 提问
iOS中为网站添加图标到主屏幕以及增加启动画面

虽然没有能力开发Native App,但还是可以利用iOS中Safari浏览器的特性小小的折腾一下,做一个伪Web App满足下小小的虚荣心的。 既然是在iOS中的Safari折腾的,那么代码中利用到的也基本上都是...

有个地方叫作遥远
2014/10/20
3.9K
1
ios项目icon和default图片命名规则

一、应用图片 标准iOS控件里的图片资源,苹果已经做了相应的升级,我们需要操心的是应用自己的图片资源。就像当初为了支持iPhone 4而制作的@2x高分辨率版本(译者:以下简称高分)图片一样,...

长平狐
2013/12/25
548
0
iphone 如何实现html5页面,自动提示添加到主屏幕

虽然没有能力开发Native App,但还是可以利用iOS中Safari浏览器的特性小小的折腾一下,做一个伪Web App满足下小小的虚荣心的。 既然是在iOS中的Safari折腾的,那么代码中利用到的也基本上都是...

阿琳
2014/06/26
473
0
移动开发者的工具宝箱 | iOS 证书在线检测

作为一名开发者,灵活运用各种开发工具无疑能让开发效率大大提升,事半功倍。蒲公英作为各位开发者的坚实后盾,为大家准备了内容齐全的「工具箱」,移动应用开发者常用的工具都可以在这里快速...

蒲公英开发者服务平台
07/25
0
0
苹果不经意间要求开发者提交针对iOS 7优化的App图标

在苹果iOS 7正式版发布之前,苹果似乎要求开发者提供尺寸更大的应用图标。作为iOS 7界面改变之一,相比iOS 6,iOS 7主 比如在下图中,我们可以看到没有针对iOS 7优化的Netflix图标周围有一丝...

oschina
2013/08/31
4.1K
7

没有更多内容

加载失败,请刷新页面

加载更多

基于CentOS7搭建GitLab

基于CentOS7搭建GitLab 12018.11.02 16:38:51字数 959阅读 3791 本文作者:蓝雄威,叩丁狼高级讲师。原创文章,转载请注明出处。 一、简介 Git Lab GitLab是利用 Ruby on Rails 一个开源的版...

linjin200
7分钟前
2
0
random生成随机数

随机生成0到100之间的10个随机数,然后使用冒泡排序将这10个数按从小到大的顺序排序 生成10个随机数 import randomnum = range(0, 100) # 范围在0到100之间,需要用到range()函数。nums...

彩色泡泡糖
11分钟前
1
0
kubernetes 环境搭建 —— kubeadm

主从节点需要安装的服务 Master 节点 Node 节点 etcd-master Control plane(如:calico,fannel) kube-apiserver kube-proxy kube-controller-manager other apps kube-dns Control plane(如:......

lemos
14分钟前
1
0
php将字符串中的中英文数字分割

$str = "php如何将字 符串中322的字母数字Asf f45d和中文_分割?"; $arr = preg_split("/([a-zA-Z0-9]+)/", $str, 0, PREG_SPLIT_NO_EMPTY | PREG_SPLIT_DELIM_CAPTURE); print_r($arr); Arr......

小小小壮
14分钟前
1
0
茑屋书店理解(一)

说到实体书店,你可能会想到两个字“难做”。一是电子书大为盛行,二是纸书作为标准品,完全可以在网上购买,因此国内许多实体书店的日子是举步维艰。但是在日本有这么一家实体书店,目前已经...

Idea
18分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部