新iPhone 6和6+的图像分辨率,@ 3x支持增加?

时间:2014-09-11 07:19:55

标签: ios resolution iphone-6 iphone-6-plus

我查看了一些文章和讨论,例如one hereHere关于新iPhone将使用@ 3x图像进行显示的图像分辨率。这是真的吗?

这是否意味着我们必须保留三张图片?比方说我有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 plus(这里有401 ppi的混乱)

修改

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

信息编辑

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

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

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

详细了解此here in this thread

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

4 个答案:

答案 0 :(得分:102)

<强>更新

苹果图标图片大小的新链接。

https://developer.apple.com/ios/human-interface-guidelines/graphics/image-size-and-resolution/

enter image description here


是的,这是真的,Apple提供有关icon's or image size

的官方文档

enter image description here

您必须设置images for iPhone6 and iPhone6+

适用于iPhone 6:

750 x 1334 (@2x) for portrait

1334 x 750 (@2x) for landscape

适用于iPhone 6 Plus:

1242 x 2208 (@3x) for portrait

2208 x 1242 (@3x) for landscape

For more info regarding Images and it's resolution this is best ever helpful post

要设置控件的图像大小,您可以设置1x @ 2x和@ 3x,如下所示:

enter image description here

答案 1 :(得分:53)

我在一个示例项目中尝试使用标准,@ 2x和@ 3x图像,而iPhone 6+模拟器使用@ 3x图像。所以似乎要完成@ 3x图像(如果模拟器实际上复制了设备的行为)。 但奇怪的是所有设备(模拟器)似乎都使用这个@ 3x图像,当它在项目结构上时,iPhone 4S / iPhone 5也是如此。
Apple对潜在的@ 3x结构缺乏沟通,而他们要求开发人员发布他们的iOS8应用程序非常混乱,特别是在模拟器上看到这些结果时。

**从Apple的网站编辑**:在Apple的开发者空间的“iOS 8上有什么新内容”部分也找到了这个:

  

支持新的缩放比例   iPhone 6 Plus使用新的Retina HD显示屏,屏幕比例为3.0。要在这些设备上提供最佳体验,请添加为此屏幕比例设计的新图稿。在Xcode 6中,资产目录可以包括1x,2x和3x大小的图像;只需添加新的图像资源,iOS将在iPhone 6 Plus上运行时选择正确的资产。 iOS中的图像加载行为也识别@ 3x后缀。

仍然不明白为什么所有设备似乎加载@ 3x。也许是因为我使用常规文件而不是xcassets?将尽快尝试。

进一步测试后编辑:好吧,iOS8似乎有一个话题。在iOS 7.1 iPhone 5模拟器上进行测试时,它正确使用了@ 2x图像。但是当在iOS 8上启动相同功能时,它会在iPhone 5上使用@ 3x。 不确定这是否是iOS8 GM中的通缉行为或错误/错误或Xcode 6中的模拟器。

答案 2 :(得分:10)

  

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

在资产目录中创建不同版本的图像,以便图像本身告诉您它的版本:

enter image description here

现在依次在每个模拟器上运行应用程序。您将看到3x图像仅用于iPhone 6 Plus。

如果使用他们的名字从应用程序包中提取图像(例如 one.png one@2x.png ),情况也是如此one@3x.png )致电imageNamed:并分配到图片视图。

(但是,如果您将图像分配给Interface Builder中的图像视图会有所不同 - 在双分辨率设备上会忽略2x版本。这可能是一个错误,显然是pathForResource:ofType:中的错误。)

答案 3 :(得分:2)

ios将始终尝试拍摄最佳图像,但会回归到其他选项..因此,如果您在应用程序中只有正常图像并且需要@ 2x图像,它将使用普通图像。

如果您只在项目中放置@ 2x并在普通设备上打开应用程序,它会缩小图像以显示。

如果您定位ios7和ios8设备并且想要最佳质量,则需要@ 2x和@ 3x用于手机和普通以及@ 2x用于ipad资产,因为没有非视网膜手机,也没有@ 3x ipad。

也许最好从矢量图形中创建应用中的资产...检查http://mattgemmell.com/using-pdf-images-in-ios-apps/