iOS app非视网膜和视网膜图像的概念

Question

我问这个问题只是为了获取信息并清除我在iOS应用程序(Retina和non-retina设备)中关于图像的概念.

我现在做的是

当我开发一个iPhone应用程序,我必须显示一个图像让我们说UIButton使用Interface builder我拍摄两个图像让我们假设submit.png按钮图像的大小如下

1. 100x100像素(submit.png)
2. 视网膜显示200x200像素(submit@2x.png)

在Interface builder我将设置UIButton100x100像素的大小,它只是完美的工作.

题:

为什么我们不放置单个图像让我们说submit.png

1. 200x200像素(submit.png)

并设置UIButton尺寸为100x100像素,interface builder并且相同的图像将用于两者retina和non-retina设备中.

使用两个图像而不是一个视网膜大小的单个图像的实际原因是什么？

另一个类似问题,

iPhone 5仅在retina显示中可用,但我们必须将其Default图像设置为Default-568h@2x.png.为什么在2x？

Answer 1

在ios概念图像中,如果您阅读此文档自定义图标和图像创建指南,它也很清楚

例如,如果要创建图像

100 x 100 px所以它必须具有163分辨率ppi submit.png NON-retina device

200 x 200 px所以它必须具有326分辨率ppi submit@2x.png Retina device

对于iPad: -

400 x 300 px所以它必须具有264分辨率ppi submit@2x~ipad.png Retina iPad device

200 x 150像素,因此必须具有132分辨率ppi submit~ipad.png Non-retina iPad device

看看这张图片: -

图片来源于此

当我们想为iPad和iPhone指定不同版本的图像时,我们灌输了@ 2x.为高分辨率图像添加@ 2x修改器是新的,让系统知道图像是标准图像的高分辨率变体.

这是操作系统调整窗口大小以填充iPhone 5显示所需的关键更改.已经发布了一篇关于此以及您可能需要进行的其他与大小相关的调整的文章.

希望这是图像分辨率及其大小的有用信息.

Answer 2

使用非视网膜图像的主要目的是由于需要缩小尺寸的操作来增强旧设备上的性能和图像质量。

因此，对于较旧设备的性能，您应该使用非视网膜图像。