视网膜图像的实际像素尺寸（iOS）

Question

在阅读了苹果自己的HIG（特别是“为视网膜创建图像..”部分）并查看了类似的答案和建议的博客后，我似乎无法很好地确定如何正确设计视网膜图像。

为了最好地解释，让我设置一个方案：

• 我有一个UIButton，它是我在IB中布置的44 x 44点。

• 我去photoshop，创建一个44 x 44像素的图像。 我将其另存为image@2x.png

• 我保存了另一个文件名，但未在文件名上附加@ 2x.png。

• 在代码中，我做类似... [UIImage imageNamed:@"image"]

从我阅读的内容来看，DPI似乎无关紧要。 我也了解视网膜图像的比例当然是原始图像的两倍。 因此，对于上述情况， image@2x.png应该是88 x 88像素而不是44 x 44像素吗？ 在[UIImage imageNamed:@"image"] ，我是否需要在图像名称中指定@2x ，还是xcode可以解决这个问题？

在上述情况下，有人可以纠正我还是确认这是图像的正确像素尺寸 ？

Answer 1

您描述的方案是错误的。

这里是正确的：

1. 假设您要在IB中放置一个44pt x 44pt按钮；
2. 转到Photoshop，创建一个以@ 2x命名的88px x 88px图像；
3. 创建另一个像素为44px x 44px的图像，且不添加@ 2x；
4. 在您的IB或代码中，使用常规名称设置图像，该常规名称的图像名称中不含@ 2x。 系统将正常显示普通图像和@ 2x图像。

Answer 2

要创建IB尺寸为44x44的按钮，您需要两张图片：

1. 大小为44x44的Image.png
2. Image@2x.png大小为88x88

使用基本名称时，iOS会自动选择适当的文件

要在代码中加载该图像，您只需使用以下行：

[UIImage imageNamed:@"Image"]

再次，iOS将获得正确的图像