如何根据相应UIImageView的大小决定1x，2x和3x图像大小？

Question

我的查询分为两部分：

1）简单明了，我们如何决定1x, 2x和3x图片尺寸？

我发现这个问题最接近的是

what-should-be-3x-images-of-100x100 size UIimageView or UIButton

但是这里没有可接受的答案，所以如果真的是这样，我会有点困惑 所以，如果我有一个大小的UIImageView，比如17 X 21 那么我的1x是17X21，2x是34X42而3x是51X63吗？

2）如果是这样的话，我的UIImageView尺寸也会根据屏幕尺寸而变化。

因此对于iPhone 4s 320X480，如果我的UIImageView为17X21，则对于iPhone 6 375X667，它将是20X29

那么如何确定适合所有设备尺寸的图像尺寸（1x, 2x & 3x）？

PS： 真的非常感谢提前，因为这可能听起来是一个非常基本的问题，但是我真的很讨厌它，但即使在搜索和阅读之后也找不到具体的满意答案。

Answer 1

你应该考虑积分，而不是像素。

1

如果您的UIImageView大小为17x21 点，那么您需要提供3张图像：17x21像素，34x42像素和51x63像素。操作系统将根据应用程序运行的pixel density of the device选择正确的操作系统。

2

决定UI元素大小的一种方法是使用像Graphic这样的软件。您可以绘制一个代表屏幕的矩形和仅以点为单位思考的UI元素。这应该会让事情变得更容易。

Answer 2

有点晚了，但我理解你的问题。

首先，你需要知道点和像素之间的区别。

关键在于您在Xcode中。像素是您将iPhone的实际尺寸屏幕视为像素。

在4s中，1 px等于1点。 在5，Se，6,1点2 px 在6s，7s，1点3像素。

我将给你两个不同的例子来理解这一点。

示例1

你希望你为Xcode中的所有iPhone成像100x100。所以你应该做：

Ps或Sketch中的1x大小100x100像素。 Ps或Sketch中的2x尺寸200x200像素。 Ps或Sketch中的3x尺寸300x300像素。

另一个例子回答你的问题。因为你有方面无线电。这意味着你希望你的图像被缩放。

你有4x的17x21点然后它应该是17x21像素。 你的iPhone 6有20x29点。它应该是40x58像素。 你有6s和7s的东西所以它应该是3 X的东西。

因为你有宽高比和缩放。只要你保持1s为4s，2x为5,6，SE，3x为6s和7s，这无关紧要。

所以iPhone 6有40x58而不是34x42（17x21）x 2。 Apple推荐使用40x50以获得更好的分辨率。当您使用宽高比时，有时很难选择图像尺寸。如果您使用32x42而不是40x58，则没有任何问题，但分辨率将低于40x58。

希望它有效。