如果我们要使用此图像来覆盖所有分辨率的屏幕的全宽和半高,那么哪种尺寸最适合用于图像:background.png,background @ 2x.png和background@3x.png iPhone人像应用程序?
这就是我们现在所拥有的:
Device Points Pixels Scale Physical Pixels PPI Ratio Size
iPhone XS Max 896x414 2688x1242 3x 2688x1242 458 19.5:9 6.5"
iPhone XR 896x414 1792x828 2x 1792x828 326 19.5:9 6.1"
iPhone X 812x375 2436x1125 3x 2436x1125 458 19.5:9 5.8"
iPhone 6 Plus 736x414 2208x1242 3x 1920x1080 401 16:9 5.5"
iPhone 6 667x375 1334x750 2x 1334x750 326 16:9 4.7"
iPhone 5 568x320 1136x640 2x 1136x640 326 16:9 4.0"
iPhone 4 480x320 960x640 2x 960x640 326 3:2 3.5"
iPhone 3GS 480x320 480x320 1x 480x320 163 3:2 3.5"
有人说,对于iPhone 6 Plus的边缘到边缘图像(如屏幕左下角的横幅),他们将准备宽度为1242的back@3x.png,而对于iPhone 6则准备宽度为back@2x.png宽度750以匹配iPhone 6屏幕尺寸,但是我认为这不是一个好主意,因为1242/3 = 414和750/2 = 375,因此将它们命名为@ 2x和@ 3x是没有意义的。然后应该有back.png-375或414的宽度?
图形名称使用@ 2x和@ 3x后缀,因此,例如,如果image@3x.png具有30x30分辨率,则逻辑上认为image@2x.png应该具有20x20分辨率,而image.png应该是10x10。这意味着,如果我们希望每个屏幕都具有清晰的全宽图像,则可能应该创建宽度为414 3 = 1242px的back@3x.png,宽度为414 2 = 828px的back@2x.png和宽度为414px的back.png 。但是,这意味着在除iPhone 6 Plus之外的所有其他iPhone上,您都需要设置uiimage以使用“宽高比”内容模式,并且它们将被调低,因此,这并不是一个完美的解决方案,并且可能会减慢应用程序的运行速度我们在较旧的设备上使用了很多缩放比例。
那么您认为什么是解决此问题的最佳解决方案?