ios - Xcode iOS 通用应用程序图像大小

Question

我正在尝试为所有 iOS 设备创建通用应用程序(iPhone 和 iPad)。现在我对图像大小处理感到困惑。给我一个@1x , 2x, 3x 图像大小过程和细节。

Answer 1

如您所知，市场上有多种 iOS 设备，例如 iPhone 4、iPhone 4s、iPhone 5、iPhone 5s、iPhone 6、iPhone 6+、iPad、iPad Retina 等。

这些设备具有不同的分辨率，较新的设备(例如 iPhone 6 和 iPad Retina)具有较高的分辨率，而较旧的设备(例如 iPhone 4)具有较低的分辨率。

对于图像，图像 Assets 中的 @1x、@2x 和 @3x 占位符允许您提供:

1. 低分辨率图像，映射到@1x，
2. 一张中分辨率图像，映射到@2x，和
3. 高分辨率 分辨率图像，映射到 @3x。

因此，在通用应用程序中，您的图标的@1x/低分辨率图像将自动用于 iPhone 4 设备，而您的@3x/高分辨率图像图片 将用于 iPhone 6 设备。

对于我的通用应用程序，我使用各种 PNG 图像并根据 Icon and Image Sizes 缩放它们。在苹果的 iOS Human Interface Guidelines文档。

例如，如果我有一张App Icon 图像，那么我将创建该图像的三个不同尺寸的三个不同副本:

1. 76 x 76 的低分辨率 @1x 版本。
2. 120 x 120 的中分辨率 @2x 版本。
3. 180 x 180 的高分辨率 @3x 版本。

如果您使用的是 Storyboard，则可以将相关图像拖放到该图像对应的 1x/2x/3x 图像资源位置。

同样，请引用 Apple 的人机界面和用户界面指南，了解您想要为各种 Assets (即应用程序图标、启动图像、设置图标、标签栏图标等)定位的大致图像大小。