用于通用图像的iOS图像尺寸（不是导航和工具栏）

Question

对于导航栏和工具栏图标，大小指定为22x22,44x44和66x66。但是，如果我想在屏幕上显示一个不在导航栏或工具栏上的图标，该怎么办？例如，注册页面上的圆形上传照片按钮，大约100 x 100.因此，常规按钮内的相机图像。

1. 是否有关于这些图片需要多大的指导？

2. 假设iPhone 6上的100x100版本看起来正确，我需要在Assets.xcassets中添加哪些尺寸？ 50x50,100x100和200x200？

3. 这些自定义图像是否会根据屏幕尺寸进行缩放？

Answer 1

答案1：

是。 Apple制定了一切准则。 ;-)您可以查看Human Interface Guidelines。它包含一些设计应用程序的有用提示。

这是一篇非常长的文档，但我还没有找到有关图片最小尺寸的信息。但是如果您的图像是可以点亮的，那么它们应该至少为44x44 pt（不一定是像素;请参阅＆＃34;答案2和＃34;）大。

  

为交互式元素提供充足的间距。尝试为所有控件保持44pt x 44pt的最小可点击区域。

     

来源： iOS Human Interface Guidelines -> Visual Design -> Layout

答案2：

iOS使用3种不同尺寸的图像：@ 1x（通常不会放入文件名），@ 2x和@ 3x

@ 1x-images的宽度和高度像素数应与在界面构建器中使用的像素数相同（pt; points）。

iPhone 6有一个视网膜显示屏，所以它使用@ 2x。这是@ 1x分辨率的两倍。因此，如果你的@ 2x图像有100x100像素，那么@ 1x版本需要有50x50像素。

@ 3x的大小不是@ 2x的两倍。它是@ 1x的三倍大小。所以在你的例子中，你需要150x150像素。

Technote QA1686包含有关不同分辨率的更多信息。

答案3：

是。但是，特别是在较旧的设备上，当您使用许多图像时，如果您提供正确尺寸的图像，性能会更好。

此图片（资产目录的屏幕截图，Apple在我提到的技术说明中显示），说明了根据界面构建器中使用的大小（以pt为单位）计算图像大小：