iOS的坐标系统把点映射为像素,然后根据像素在屏幕上显示内容。在标准分辨率的屏幕上,一个点等于一个像素。高分辨率具有较高的像素密度。由于在相同的物理空间上有更多的像素,所以每个点上就有更多的像素。因此高分辨率显示器要求图片有更多的像素。
为了让你的应用支持所有设备,你应该在你的应用中为所有的图标使用高分辨率的图像。 根据设备的不同,你可以通过给图像的像素数乘以不同的比例因子,来实现这一点。标准分辨率的图像的比例因子是1.0,并被称为@1x。高分辨率的图像的比例因子是2.0或3.0,并且被称为 @2x和@3x 。比如,假设你有一个标准分辨率@1x图像,是100px x 100px的。这个图像的@2x版本应该是200px × 200px的。@3x版本的应该是300px × 300px的。
Device | Scale factor |
---|---|
iPhone X, iPhone 8 Plus, iPhone 7 Plus, and iPhone 6s Plus | @3x |
All other high-resolution iOS devices | @2x |
设计高分辨率作品
使用8px x 8px网格。 网格保持线条明确,并确保在任何尺寸下,内容尽可能的清晰,并用较少的时间渲染和锐化。将图像边界捕捉到网格,防止最小化缩放时可能出现的半像素和细节模糊。
以适当的格式制作图标。 一般来说,使用PNG文件。
- PNG支持透明度,因为是无损的,因此在压缩时不会模糊重要细节或者改变颜色。对于需要像阴影、纹理和高亮等效果的复杂的图标来说,这是一个很好的选择。
- 照片使用JPEG。它的压缩算法通常会比无损格式产生更小的文件,并且在照片中很难辨别到损失的部分。然而,对于使用真实照片的应用图标来说,看起来和PNGs一样好。
- 对于符号和其他需要高分辨率缩放的平面、矢量图标使用PDF。
对不需要完整的24位颜色的PNG图形使用8位调色板。 使用8位调色板可以减少文件大小而不降低图像质量。但这个调色板不适合照片。
优化JPEG文件,达到大小和质量的平衡。 大多数JPEG文件可以在压缩后达到没有明显的损失。即使是少量的压缩也可以节省大量的磁盘空间。对每个图像的压缩设置进行实验,以找到产生可接受结果的最佳值。
为图像和图标提供替代的文本标签。 替代的文本标签在屏幕上是不可见的,但是它们让语音转换可以直观地描述屏幕上的内容,从而更容易的为视觉障碍的人导航。