如何处理所有可用 iPhone 分辨率上的图像比例？

什么尺寸最适合用于图像：background.png，[电子邮件受保护] /cdn-cgi/l/email-protection and [电子邮件受保护] /cdn-cgi/l/email-protection例如，如果我们想使用此图像来覆盖 iPhone 肖像应用程序的所有分辨率下的屏幕全宽和半高？

这就是我们现在所拥有的：

Device                        Points   Log. Res.  Sc. Real Res.  PPI  Ratio   Size
iPhone 12 Pro Max, 13 Pro Max 926x428  2778x1284  3x  2778x1284  458  19.5:9  6.7"
iPhone 12, 12 Pro, 13, 13 Pro 844x390  2532x1170  3x  2532x1170  460  19.5:9  6.1"
iPhone 12 mini, 13 mini       812x375  2436x1125  3x  2340x1080  476  19.5:9  5.4"
iPhone XS Max, 11 Pro Max     896x414  2688x1242  3x  2688x1242  458  19.5:9  6.5"
iPhone XR, 11                 896x414  1792x828   2x  1792x828   326  19.5:9  6.1"
iPhone X, XS, 11 Pro          812x375  2436x1125  3x  2436x1125  458  19.5:9  5.8"
iPhone 6+, 6S+, 7+, 8+        736x414  2208x1242  3x  1920x1080  401  16:9    5.5"
iPhone 6, 6S, 7, 8, SE2       667x375  1334x750   2x  1334x750   326  16:9    4.7"
iPhone 5, 5S, 5C, SE1         568x320  1136x640   2x  1136x640   326  16:9    4.0"
iPhone 4, 4S                  480x320  960x640    2x  960x640    326  3:2     3.5"
iPhone 3GS                    480x320  480x320    1x  480x320    163  3:2     3.5"

有些人说，对于 iPhone 6 Plus 的边到边图像（如底部从左到右边缘的横幅），他们会准备[电子邮件受保护] /cdn-cgi/l/email-protection宽度为 1242，适用于 iPhone 6 ba[电子邮件受保护] /cdn-cgi/l/email-protection宽度为 750 以匹配 iPhone 6 屏幕尺寸，但我认为这不是一个好主意，因为 1242 / 3 = 414 和 750 / 2 = 375，因此将它们命名为 @2x 和 @3x 没有意义。那么 back.png 的宽度应该是多少 - 375 还是 414？

图形名称使用 @2x 和 @3x 后缀，例如[电子邮件受保护] /cdn-cgi/l/email-protection有30x30的分辨率然后逻辑思考[电子邮件受保护] /cdn-cgi/l/email-protection应具有 20x20 分辨率，image.png 应为 10x10。这意味着，如果我们希望每个屏幕都有清晰的全宽图像，那么我们可能应该创建[电子邮件受保护] /cdn-cgi/l/email-protection宽度为 4143=1242像素，[电子邮件受保护] /cdn-cgi/l/email-protection宽度为 4142=828px 和 back.png 宽度为 414px。然而，这意味着在除 iPhone 6 Plus 之外的每台 iPhone 上，您都需要设置 uiimages 以使用例如宽高比适合内容模式，并且它们将被调低，因此这又不是一个完美的解决方案，并且可能会真正减慢应用程序的速度，如果我们在旧设备上使用了大量的缩放功能。

那么您认为解决这个问题的最佳方案是什么？

如果不使用每个图像，则不必拥有所有比例的图像。只制作您需要的尺寸并根据宽度命名。对于全设备宽度的纵向图像，1x 和 2x 时需要 320px 宽，2x 时需要 375px 宽，3x 时需要 414px 宽。

4" 设备使用“-568h”后缀来命名其启动图像，因此我建议使用类似的命名方案：

• ImageName-320w (@1x & @2x)
• ImageName-375w (@2x)
• ImageName-414w (@3x)

然后找出运行时需要什么图像：

NSNumber *screenWidth = @([UIScreen mainScreen].bounds.size.width);
NSString *imageName = [NSString stringWithFormat:@"name-%@w", screenWidth];
UIImage *image = [UIImage imageNamed:imageName];

如果将来添加其他宽度，这可能会打破，但到目前为止，苹果一直要求重建应用程序以支持新的显示器，所以我想可以肯定地假设他们会继续这样做。