相关疑难解决方法(0)

我已经看过上几篇文章讨论像一个在这里和这里有关新的iPhone将使用@ 3倍的图像显示的图像分辨率.这是真的吗？

那么这是否意味着我们必须保留三张图片？比方说我有50 X 50的图像,我是否需要保留3张图像以优化新iPhone的外观？

• 正常(50 X 50)
• @ 2x - Retina(100 X 100)
• @ 3x - Retina HD(150 X 150)

或者新款手机只使用@ 2x图像而且没有像@ 3x那样的东西？

我已经通过制作示例项目进行测试,并且所有模拟器似乎都使用@ 3x图像,这很令人困惑.

编辑

这是一些更多的信息

• 3GS(163 ppi所以使用普通)
• 4,4s,5和5s(326 ppi所以我们使用@ 2x)
• 6(326 ppi所以它似乎会使用@ 2x)
• 6加(这里有401 ppi的混乱)

编辑

基于Tsob和nitin给出的答案,我在项目中添加了@ 3x图像.

信息编辑

我看到很少有用户对iPhone 6使用@ 2x图像的原因感到困惑,即使它具有更高的分辨率,原因是

iPhone 6可能具有不同的分辨率,但具有相同的每像素密度(PPI)

• 分辨率涉及绝对像素数.
• 密度(又称每英寸像素数 - PPI)涉及每英寸像素的相对数量,这与iPhone 6和之前的iPhone相同,但在iPhone 6 plus中则不同.

在这个帖子中查看更多相关信息

因此,iPhone 6使用与iPhone 4,5和5S相同的@ 2x图像,因为它具有相同的PPI,而iPhone 6 plus使用@ 3x.

我正在使用本机应用程序的rails后端.

在本机应用程序中,使用@2x命名约定自动加载视网膜(高分辨率)图像.

例如,您可以调用两个图像image.png和image@2x.png(同一图像的更高分辨率版本).如果应用程序在iPhone 3gs上运行,image.png则会自动加载.如果该应用程序在iPhone 4上使用,image@2x.png将自动加载.

@2x根据我在行动中阅读和看到的内容,此约定不适用于非本机Web应用程序.

Apple的@2x约定似乎不适用于Rails后端提供的图像.我知道媒体查询可以帮助解决这个问题,但我想知道是否有一些工作可以让iPhone 4自动@2x从Web应用程序加载图像而不是非高端版本.