前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >iOS开发常用的图片大小

iOS开发常用的图片大小

作者头像
码客说
发布2019-10-22 14:08:48
1.1K0
发布2019-10-22 14:08:48
举报
文章被收录于专栏:码客

项目中Icon

Spotlight-iOS 5,6

29 x2 x3

Spotlight-iOS 7-9

40 x2 x3

App-iOS 7-9

60 x2 x3

项目中LaunchImage

Retina HD 5.5

1242 x 2208

Retina HD 4.7

750 x 1334

Landscape Retina HD 5.5

2208 x 1242

iOS 7-9 2x

640 x 960

iOS 7-9 Retina4

640 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新功能 生成图像资源

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2015-11-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 项目中Icon
  • 项目中LaunchImage
  • 提交AppStore-Icon
  • 提交AppStore-预览图
  • 手机尺寸
  • 常用元素的大小
  • 疑点
  • 设计怎样切图
    • 个人建议
      • 切图神器
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档