视网膜屏幕图像 (@2x)

Posted

技术标签:

【中文标题】视网膜屏幕图像 (@2x)【英文标题】:Images for retina screen (@2x) 【发布时间】:2014-12-03 19:08:59 【问题描述】:

现在我正在 Xcode 6 中使用 spritekit(swift) 制作游戏。

它必须可以在 iPhone 4s 及更高版本上播放。 但据我所知,所有 iphone 都来自 4s 或更高的 Retina,所以我可以添加 (750 x 1334 pix) 和 @2x.png 的所有图像。

所以我不需要添加没有@2x 的图像..

我说的对吗?

【问题讨论】:

【参考方案1】:

示例:如果您有一个 512 x 512 (1x) 图像并且您希望它支持(2x 和 3x),您必须像这样包含这 2 个文件:

yourImage.png       // (512x512 at 1x)
yourImage@2x.png    // (1024x1024 at 2x)
yourImage@3x.png    // (1536x1536 at 3x)

【讨论】:

【参考方案2】:

ios Human Interface Guidelines: Icon and Image Sizes”列出了当前设备的资产大小,包括4s。当前唯一具有@1x 显示器的设备是 iPad。

除非您知道 iPad 不会运行您的应用(我认为您不能这样做,因为它们可以在拉伸模式下运行所有​​应用),否则您将希望包含 @1x 大小。

无论如何,您可能希望包含一个@1x 图标,因为(我认为)旧设备上的人仍然可以看到应用商店,如果没有它,您的应用可能会被拒绝。

另外,如果你想支持 iPhone 6 Plus,别忘了@3x。

【讨论】:

"除非您知道 iPad 不会运行您的应用程序,否则您将希望包含 @1x 大小。"在 1x 设备上使用 2x 图标只会显示它,就像你自己缩小它一样;唯一的区别可能是它使用了更多的内存。 “因为应用商店(我认为)仍然对旧设备上的人可见”我认为他不是在询问应用商店图标,而是在询问应用程序中的图标。 @user102008 使用 2x 确实有效;我想我以前从未测试过它。在这种情况下,它变成了内存/性能的问题。没有视网膜的设备处理较大图像的能力最差。 (如果这是或不是提问者关心的事情)

以上是关于视网膜屏幕图像 (@2x)的主要内容,如果未能解决你的问题,请参考以下文章

Xcode @2x 图像后缀在 iOS 中未显示为 Retina

UIImage imageNamed:不会自动选择视网膜@2x 图像

如何合并两个图像以进行视网膜显示(@2x)?

从文件名中批量删除“@2x”的 Bash 脚本/命令(视网膜图像 -> 正常)

WooCommerce 视网膜图像支持 - 不包含在 srcset 中

仅视网膜设备的图像名称?