对不同 iphone 上的 ios 图像大小感到困惑答案

【问题标题】：Confused about ios image size on different iphone对不同 iphone 上的 ios 图像大小感到困惑
【发布时间】：2015-05-12 15:15:02
【问题描述】：

我有一个关于如何在 iphone 上显示图像的一般性问题例如 iphone 5、5s 支持 320x568 点或 640x1136 像素。如果我想在 5s 纵向模式下创建 4 个大小相同的图像以占据整个屏幕，我可以说每个图像应该是 160x284 像素吗？现在，如果同一个应用程序现在在 4 秒或 6 秒内呈现怎么办？图像如何显示？那 4 张 160x284 的图像仍然占据整个屏幕？

谢谢

【问题讨论】：

您希望 160x284 像素的图像如何适合 iPhone 5s 的屏幕？你是说拉伸吗？

标签： ios iphone swift

【解决方案1】：

是的，图像可以缩放以占据整个屏幕，但会显得模糊。如果您希望图像清晰，您需要为 3 种不同的像素密度创建 3 个不同的版本（iPhone 2-3、iPhone 4-5、iPhone 6）。一般约定是这样命名您的资产：

图片.png
image@2x.png
image@3x.png

Here's 我使用的一个方便的指南，它解释了事物是如何在不同模型上呈现的。

【讨论】：

所以在这种情况下，我需要创建总共 12 张图像（iphone 2,3 为 4-160x240，其中 2 个在顶部，2 个在底部以占据整个屏幕，4-320x480 iphone 4 和 5，最后是 iphone 6 的 4-375x667）现在如果手机旋转到横向模式会怎样。图像将再次缩放并且不会出现对吗？你是怎么处理的？
对于占据全屏的图像。我通常为 iPhone6+ 制作 414x736 点（意味着 1x 版本是 414x736 像素）并在显示它们的图像视图上使用纵横比填充。这取决于您需要多少控制。
iPhone >=4、5、6 和 6plus 都有不同的点数。此外，只有 6+ 会渲染 @ 3x，其他介于 4-6 之间的会渲染 @ 2x。如果这些是全屏图像，您将需要 4-160x240 @ 1x、4-375x667 @ 2x、4-414x736 @ 3x。对于@ 2x 设计的图像，考虑到它们将被 iPhone 5(320x568) 和 iPhone 4(320x480) 部分截断。
谢谢，这些说得通。现在手机处于横向模式时怎么办？我假设图像会被拉伸。横向模式是否需要另一组图像？
是的，它们会被拉伸，因此如果您想保持与纵向模式相同的质量，您需要另一套。