ios - 为什么我需要@1x、@2x 和@3x iOS 图像？

Question

为什么我们需要这 3 种特定的图像类型？

如果我的应用程序上有一个带有背景图片的按钮，比如 50 像素 x 50 像素，为什么我需要这张图片的 3 个版本？是什么阻止我只制作一张分辨率更高的图像，比如 700x700，这样当它在任何 iPhone 上缩小时，它都不会低于设备想要的最大分辨率？

我唯一能想到的就是它占用了更多空间，但对于简单的应用程序/一个简单的按钮来说，它似乎不会造成任何问题。我已经在一些设备上尝试过，当我模拟它并执行此方法时，它们之间没有任何区别。但是，随着我越来越深入地研究应用程序和其他东西，我确信这种技术背后有实质内容。

Answer 1

如果您没有准确的尺寸，可能会发生两种情况:

升级

@3x 或 @2x 可以从 @1x 放大，但通常视觉结果是模糊的，有粗线而不是看起来不错。从 @2x 升级 @3x 可能会更糟，因为必须使用子像素。

缩减

一般来说，结果比放大要好得多，但是，这并不适用于所有图像。如果您在 @3x 图像上有一个 1px 边框，将其缩小到 @1x 后边框将不可见 (0.33px) .这同样适用于图像中的任何小物体。缩小会破坏所有细节。

一般来说 - 为了使图像看起来完美，您需要同时避免缩小和放大。您始终可以只使用 @2x 或 @3x 图像，只有在看到视觉问题时才添加其他比例。使用更高的分辨率不会改善缩小比例。高分辨率仅用于避免放大。从高尺度(例如 @100x)缩小到 @1x 不会产生比从 @3x 缩小更好的结果。