在Xcode中，图像大小应该是@ 1x，@ 2x和@ 3x？

Question

例如，我有一个100*100大小的图像视图或按钮，我想设置其图像或backgroundImage使用本地.png文件。根据我的理解，我需要创建3组图像，即100*100为@1x，200*200为@2x，300*300为@3x 。我不确定我的理解是否正确，任何人都可以帮忙吗？

Answer 1

根据我的理解，如果图片尺寸为100 * 100

@1x -> 100 * 100

@2x -> 200 * 200

@3x -> 300 * 300

有一些事情要理解。通过创建2x和3x图片，您无法在每个iPhone屏幕上看到完全相同的布局。屏幕与屏幕的布局不同。 1x，2x和3x图像尺寸仅处理屏幕的像素密度。

假设您的图像为320 * 70并且您正在创建

@1x -> 320 * 70

@2x -> 640 * 140

@3x -> 960 * 210

这将是您在不同屏幕中的输出。

Answer 2

将@3x图像增加@1x图像尺寸增加3倍！

e.g。

15 x 15 = @1x

30 x 30 = @2x

45 x 45 = @3x

OR

100 x 100 = @1x

200 x 200 = @2x

300 x 300 = @3x

OR

15 x 10 = @1x

30 x 20 = @2x

45 x 30 = @3x

我希望这对你有所帮助！

Answer 3

是的，您的理解是正确的。

标准分辨率图像的比例因子为1.0，称为@ 1x图像。高分辨率图像的比例因子为2.0或3.0，称为@ 2x和@ 3x图像。假设你有一个标准分辨率的@ 1x图像，例如100px×100px。此图像的@ 2x版本为200px×200px。 @ 3x版本为300px×300px。

有关详细信息，请查看此链接 https://developer.apple.com/ios/human-interface-guidelines/graphics/image-size-and-resolution/

Answer 4

是的，你是对的。但是，如果您使用的是Assets，则可以在一个带有三个插槽的图像中完成所有操作

Answer 5

使用资产目录。 Xcode将管理@ 1x，@ 2x，@ 3x easilly，并告诉您图像的尺寸。

使用它可以轻松管理AppIcon和LaunchScreen图像。