iOS开发常用的图片大小

项目中Icon





Spotlight-iOS 5,629 x2 x3
Spotlight-iOS 7-940 x2 x3
App-iOS 7-960 x2 x3

项目中LaunchImage







Retina HD 5.51242 x 2208
Retina HD 4.7750 x 1334
Landscape Retina HD 5.52208 x 1242
iOS 7-9 2x640 x 960
iOS 7-9 Retina4640 x 1136

提交AppStore-Icon



1024 x 1024

提交AppStore-预览图






5.5英寸1242 x 2208
4.7英寸750 x 1334
4英寸640 x 1136
3.5英寸640 x 960

手机尺寸


















































手机类型 iPhone 6 Plus iPhone 6 iPhone 5s/iPhone 5s iPhone 5s/iPhone 5s
倍率 @3x @2x @2x @2x
像素分辨率 1242 x 2208 (1125 x 2001) px 750 x 1334 px 640 x 1136 px 640 x 960 px
逻辑分辨率 414 x 736 pt 375 x 667 pt 320 x 568 pt 320 x 480 pt
屏幕密度 401 ppi 326 ppi 326 ppi 326 ppi
DPI 154 163 163 163

常用元素的大小


















导航栏(NagationBar)高度 44 pt
状态栏(StatusBar)高度 20 pt
选项卡(TabBar)高度 48 pt

疑点

为啥我的iPhone 6P 的截图为 1125 x 2001

原因:

iPhone 6P 可以设置两种显示模式

  • 放大模式(1125 x 2001 px)
  • 默认模式(1242 x 2208 px)

这个模式可以从系统中的显示与亮度–> 显示模式来切换

什么是放大模式

放大模式 就是以iPhone6的尺寸为基准 用的@3x的资源

设计怎样切图

具体步骤可以参考 淘宝的切图方式

他的基本思路是以iPhone5S(640 x 1136)为基准进行标注
iPhone 6P(1242x2208)来切@3x的资源

个人建议

不过我建议以iPhone6P放大模式(1125 x 2001 px)为基准来标注和切图
切出来的资源是@3x的 再缩小1.5倍就是@2x
这样做是因为现在iPhone6iPhone6P的用户已经很多了,同时也为了降低切图的难度

切图神器

推荐一个切图的神器
PhotoshopCC新功能 生成图像资源