iOS开发常用的图片大小

发表于 更新于 分类于
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

手机尺寸

<tr>
   <th>倍率</th>
   <td>@3x</td>
   <td>@2x</td>
   <td>@2x</td>
   <td>@2x</td>
</tr>

<tr>
   <th>像素分辨率</th>
   <td>1242 x 2208 (1125 x 2001) px</td>
   <td>750 x 1334 px</td>
   <td>640 x 1136 px</td>
   <td>640 x 960 px</td>
</tr>

<tr>
   <th>逻辑分辨率</th>
   <td>414 x 736 pt</td>
   <td>375 x 667 pt</td>
   <td>320 x 568 pt</td>
   <td>320 x 480 pt</td>
</tr>

<tr>
   <th>屏幕密度</th>
   <td>401 ppi</td>
   <td>326 ppi</td>
   <td>326 ppi</td>
   <td>326 ppi</td>
</tr>

<tr>
   <th>DPI</th>
   <td>154</td>
   <td>163</td>
   <td>163</td>
   <td>163</td>
</tr>
手机类型 iPhone 6 Plus iPhone 6 iPhone 5s/iPhone 5s iPhone 5s/iPhone 5s

常用元素的大小

<tr>
   <th>导航栏(NagationBar)高度</th>
   <td>44 pt</td>
</tr>

<tr>
   <th>状态栏(StatusBar)高度</th>
   <td>20 pt</td>
</tr>

<tr>
   <th>选项卡(TabBar)高度</th>
   <td>48 pt</td>
</tr>

疑点

为啥我的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的
这样做是因为现在iPhone6和iPhone6P的用户已经很多了，同时也为了降低切图的难度

切图神器

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