抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

iPhone 各代屏幕尺寸与分辨率

iPhone对角线缩放逻辑分辨率物理分辨率ppi
1、3G、3GS3.5@2x320 x 480320 x 480163
4、4s3.5@2x320 x 480640 x 960326
5、5s、SE4@2x320 x 568640 x 1136326
6、6s、7、8、SE(2020)4.7@2x375 x 667750 x 1334326
6 Plus、6s Plus、7 Plus、8 Plus5.5@3x414 x 7361242 x 2208401
X、XS、11 Pro5.8@3x375 x 8121125 x 2436458
XR、116.1@2x414 x 896828 x 1792326
XS Max、11 Pro Max6.5@3x414 x 8961242 x 2688458
12 mini5.4@3x375 x 8121080 x 2340476
126.1@3x390 x 8441170 x 2532460
12 Pro6.1@3x390 x 8441170 x 2532460
12 Pro Max6.7@3x428 x 9261284 x 2778458

iPad 各代屏幕尺寸与分辨率

iPad对角线缩放逻辑分辨率物理分辨率ppi
1、29.7@1x768 x 1024768 x 1024132
mini 17.9@1x768 x 1024768 x 1024163
mini 2/3/47.9@2x768 x 10241536 x 2048326
Air 1/29.7@2x768 x 10241536 x 2048264
Pro (9.7)9.7@2x768 x 10241536 x 2048264
Pro (10.5)10.5@2x834 x 11121668 x 2224264
Pro (12.9)10.5@2x1024 x 13662048 x 2732264
Pro (11' 2018)11@2x834 x 11941668 x 2388264
Pro (12.9' 2018)11@2x1024 x 13662048 x 2732264

UI 只需要提供一张 1024*1024 尺寸的图即可,开发使用 IconKit 工具可以直接生成开发需要的各种尺寸的图片及其 json 配置文件,直接拖进 Xcode 工程中就可以使用了。使用传统方式不同尺寸一张一张的切图不仅浪费 UI 的时间,开发也需要一张图一张图往对应位置拖,双方都很麻烦。

启动图

如果使用 LaunchImage 方式,需要切各个尺寸的图片,参考 iPhone 各代屏幕尺寸与分辨率 表,如果需要兼容 iPhone 4、4s 机型,则需要提供一共7种尺寸的图片,如果最低兼容 iPhone5 的话,就只需要提供6种尺寸的图片。

注意:iOS 并不需要 1920*1080 这种尺寸的图片。

icon 素材

iOS 端的切图需要同时提供 @2x 和 @3x 两种尺寸的图片,例如某个名为 “imagename” 的图片需要提供两个文件分别命名为:

imagename@2x.png
imagename@3x.png

素材名(imagename)命名可以根据公司或团队规范而异,但是两种尺寸的文件的素材名部分要保持一致,唯一的不同就是 @2x@3x

评论