图像尺寸与分辨率

iOS 用于在屏幕上放置内容的坐标系是基于「点」度量，「点」映射显示器中的「像素」。标准分辨率的显示器为 1:1 的像素密度（或 @1x），其中一个像素等于一个点。高分辨率的显示器有着更高的像素密度，比例因数为 2.0 或 3.0（称为 @2x 和 @3x）。因此，高分辨率显示要求图像具备更多像素。

例如，假设你有一个标准分辨率（@1x）的图像是 100px × 100px，那么图像的 @2x 版本为 200px × 200px，而 @3x 版本为 300px × 300px。

为所有支持应用的设备，提供设计的高分辨率的图像。根据设备，将每个图像中的像素数乘以特定比例因数。

设计高分辨率的画稿

使用 8px x 8px 网格。网格可以保持线条鲜明、确保内容在所有尺寸下尽可能清晰、不需要过多的修饰和锐化。将图像边界贴紧到网格，以尽量减少缩小时可能出现的半像素和细节模糊。

以适当的格式制作画稿。通常，对位图/栅格画稿来说，使用隔行扫描的 PNG 文件。PNG 支持透明度，并且由于它是无损的，因此压缩时不会模糊重要细节或更改颜色。对于需要阴影、纹理和高光等效果的复杂画稿来说，是不错的选择。对于照片来说，使用 JPEG 格式。其压缩算法通常产生比无损格式更小的大小，并且在照片中更难看出。然而，逼真照片的应用图标使用 PNG 看起来效果更佳。 使用 PDF 来制作需要高分辨率缩放的图标和其他平面矢量画稿。

对于不需要完整 24 位颜色的 PNG 图形，请使用 8 位色板。使用 8 位色板可减小文件大小，而不会降低图像质量。此调色板不适用于照片。

优化 JPEG 文件，在大小和质量之间找到平衡。大多数 JPEG 文件可以压缩，而不会明显降低图像质量。即使是少量的压缩也能节省大量的磁盘空间。尝试每个图像上的压缩设置，以找到生成可接受结果的最佳值。

为图像和图标提供可替代的文本标签。可替代的文本标签在屏幕上不可见，但它们让 VoiceOver 可以清晰地描述屏幕上的内容，让视障碍群体更容易导航。