iOS12界面设计指南之图标图像(Icons and Images)–图像大小和分辨率(Image Size and Resolution)

引自《iOS12界面交互设计规范(iOS 12 Human Interface Guidelines)》

 

iOS使用坐标系统来将内容放置在屏幕上。这个坐标系统主要基于对点测量,每个点又可以反映为屏幕中的像素。在标准分辨率屏幕上,一个点(1/72英寸)等于一个像素。高分辨率屏幕具有更高的像素密度。因为在相同数量的物理空间中有更多的像素,也就是说每个点有更多的像素,因此,高分辨率显示器需要更多像素的图像。

你必须为你的应用程序中所有的图片提供你的应用所支持的所有设备的高清晰度图像。根据设备的不同,应用可以通过将每个图像中的像素数乘以特定的比例因子来完成此操作。

设备比例因子
12.9“iPad Pro@2x
10.5“iPad Pro @2x
9.7“iPad @2x
7.9" iPad mini 4 @2x
iPhone XS Max @3x
iPhone XS @3x
iPhone XR @2x
iPhone X @3x
iPhone 8 Plus @3x
iPhone 8 @2x
iPhone 7 Plus @3x
iPhone 7 @2x
iPhone 6s Plus @3x
iPhone 6s @2x
iPhone SE @2x

一个标准分辨率的图像其比例因子为1此时1其也可称作@1x图像。而高分辨率的图像有着2.0或3.0的比例因子则可被称为@2x或@3x图像。假设你有一个标准分辨率@1x也就是100px×100px的图像,那么@2x版本的图像就应该是200px×200px,同样@3x版本的图像就应该是300px×300px。