不同iPhone设备中固定高度UIImageView的图片分辨率适配问题

首先得帮你理清问题根源：你的UIImageView是高度固定125px，宽度随设备屏幕宽度自适应，这意味着不同设备上这个ImageView的宽高比是不一样的——比如iPhone SE（初代）宽320px，宽高比是320/125=2.56:1；而iPhone 14 Pro宽393px，宽高比就变成了≈3.14:1。但你制作的三张图片都是严格的320:125比例（也就是2.56:1），这就导致了适配冲突：

• 用Aspect Fit时：图片会按自身比例缩放，最大高度只能到125px，对应的宽度就是320px。当设备宽度大于320px时，ImageView的宽度比图片宽，所以图片会居中显示，左右两边会出现留白，看起来没“填满”。
• 用Aspect Fill时：图片会缩放至宽度填满ImageView，但此时图片的高度会变成「设备宽度 × (125/320)」，比如iPhone 14 Pro上高度≈153px，远超你设置的125px固定高度，所以图片的上下部分会被裁剪，导致显示不全。

接下来给你几个针对性的解决方案，你可以根据自己的需求选择：

方案1：让图片适配可变宽高比（推荐） #

如果你的logo是允许在水平方向有“可扩展”区域的（比如logo两边是纯色或重复图案），可以把图片改成可拉伸的格式：

• 制作一张基础图（比如320x125@1x），用resizableImageWithCapInsets:方法设置不可拉伸的区域（也就是logo的主体部分），这样ImageView宽度变化时，只有边缘的可拉伸区域会被拉伸，主体内容保持不变。
• 代码示例：

  UIImage *logoImage = [[UIImage imageNamed:@"myLogo"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 50, 0, 50) resizingMode:UIImageResizingModeStretch];
  self.logoImageView.image = logoImage;
  

  （这里的UIEdgeInsets参数需要根据你的logo实际位置调整，确保中间主体不被拉伸）

方案2：固定ImageView的宽高比 #

如果你的logo必须保持严格的320:125比例，那可以把ImageView的宽度也按比例固定，而不是自适应设备宽度：

• 在Auto Layout中，给ImageView添加宽高比约束，设置为320:125（或者简化为64:25），同时让ImageView在水平方向居中对齐。这样不管设备宽度多少，ImageView的宽高比都和图片一致，用Aspect Fit就能完美显示，不会有留白或裁剪。

方案3：制作适配宽屏的图片 #

如果坚持让ImageView宽度自适应设备宽度，那需要制作一张足够宽的图片，确保在最大宽度的设备上，图片按比例缩放后高度刚好是125px：

• 计算最大设备宽度（比如iPhone 14 Pro Max的宽度是430px），对应的图片宽度应该是430px（@1x），高度125px，所以@2x是860x250px，@3x是1290x375px。这样在任何设备上，用Aspect Fit时图片都能填满ImageView的宽度，高度刚好125px，不会有留白。
• 注意：这种方式要求你的logo在水平方向足够“宽”，或者内容可以平铺/扩展，否则强行拉宽会导致logo变形。

内容的提问来源于stack exchange，提问作者Gagan_iOS