iOS App Icon启动图尺寸配置适配iPhone XS XR XS Max等

前言

近期在开发新项目, 然后针对 App Icon 与 App LaunchScreen 都需要重新切一套, 需要把相应尺寸大小跟 UI 说明一下, 加上最近刚发布的我 iPhone XS XR XS Max都需要进行统一适配,同时为了让自己以及 UI 同事能更好的去了解 iPhone 不同尺寸特意整理了一下。

App LaunchScreen(启动图)

下面分别罗列出当前所有 iPhone 不同机型尺寸所需 LaunchScreen Size, 其中 iPhone 6 7 8 尺寸一致, iPhone 6 7 8 P 尺寸一致, 所以分别切两种即可. 另外新出的 iPhone X XR XS XSMAX, 除了 X和 XS 尺寸一致外, 都需要分别对应不同尺寸。 其他的也就是 小屏的如 iPhone 4 5 SE 等。

Device横屏尺寸竖屏尺寸
iPhone XS Max1242px × 2688px2688px × 1242px
iPhone XS1125px × 2436px2436px × 1125px
iPhone XR828px × 1792px1792px × 828px
iPhone X1125px × 2436px2436px × 1125px
iPhone 8 Plus1242px × 2208px2208px × 1242px
iPhone 8750px × 1334px1334px × 750px
iPhone 7 Plus1242px × 2208px2208px × 1242px
iPhone 7750px × 1334px1334px × 750px
iPhone 6s Plus1242px × 2208px2208px × 1242px
iPhone 6s750px × 1334px1334px × 750px
iPhone SE640px × 1136px1136px × 640px

APP Icon

如果只是针对 iOS 移动端来说, 对 iphone 做配置的话, 按照下面指的这五种分别切图即可.

iPad Pro. iPad, iPad Mini 尺寸需另切。

主要包括五种类型图片, 分别是 手机上直接展示的 App Icon,搜索栏 App Icon, 设置栏 App Icon, 通知栏 App Icon, 另一个是 AppStore 上需要的。

Device or contextIcon size
iPhone App Icon180px × 180px (60pt × 60pt @3x)
iPhone App Icon120px × 120px (60pt × 60pt @2x)
iPhone Spotlight Icon(搜索框下展示图标)120px × 120px (40pt × 40pt @3x)
iPhone Spotlight Icon(搜索框下展示图标)80px × 80px (40pt × 40pt @2x)
iPhone Settings Icon (设置栏里面展示图标)87px × 87px (29pt × 29pt @3x)
iPhone Settings Icon (设置栏里面展示图标)58px × 58px (29pt × 29pt @2x)
iPhone Notification icon60px × 60px (20pt × 20pt @3x)
iPhone Notification icon40px × 40px (20pt × 20pt @2x)
App Store1024px × 1024px (1024pt × 1024pt @1x)



作者:泽西岛上咖啡
链接:https://www.jianshu.com/p/77da18f8d231
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值