iOS @2x @3x图的区别和理解

苹果官方网页介绍：
Icons and Images - Apple Developer

iOS用于在屏幕上放置内容的坐标系统是基于点的度量，点映射到屏幕上的像素。标准分辨率显示器的像素密度为1:1(或@1x)，其中一个像素等于一个点。高分辨率显示器有更高的像素密度，提供2.0或3.0的比例因子(称为@2x和@3x)。因此，高分辨率显示器需要更多像素的图像。

例如，假设您有一个标准分辨率(@1x)的图像，它是100px×100px。此图的@2x版本为200px * 200px， @3x版本为300px * 300px。

为您的应用程序中所有的艺术作品提供高分辨率图像，为您的应用程序支持的所有设备。根据设备的不同，可以通过将每个图像中的像素数乘以一个特定的比例因子来实现这一点。

The coordinate system iOS uses to place content onscreen is based on measurements in points, which map to pixels in the display. A standard-resolution display has a 1:1 pixel density (or @1x), where one pixel is equal to one point. High-resolution displays have a higher pixel density, offering a scale factor of 2.0 or 3.0 (referred to as @2x and @3x). As a result, high-resolution displays demand images with more pixels.

For example, suppose you have a standard resolution (@1x) image that’s 100px × 100px. The @2x version of this image would be 200px × 200px, and the @3x version would be 300px × 300px.

Supply high-resolution images for all artwork in your app, for all devices your app supports. Depending on the device, you accomplish this by multiplying the number of pixels in each image by a specific scale factor.

其他参考博客：
iOS @2x @3x图的区别和理解

iOS 图片 @2x与@3x区别