PNG素材
在 iOS 开发中，2x 和 3x 图像资源是需要分别设置的，因为不同设备使用不同的屏幕分辨率倍数。只设置 3x 是不够的，因为运行在 2x 屏幕分辨率的设备上会导致图像模糊或缺失。
1.为什么需要分别设置 2x 和 3x？
- 屏幕分辨率差异
• iOS 设备有不同的屏幕分辨率倍数：
• 2x：常见于 iPhone SE (2nd generation)、iPhone 8等非 Retina HD 设备。
• 3x：常见于 Retina HD 设备，如 iPhone 13 Pro、iPhone 14 Pro。
• 如果只设置 3x，运行在 2x 设备上的图像可能会被强制缩小，导致模糊。
- 兼容性和用户体验
- 提供设备分辨率匹配的图像，系统
无需缩放，显示效果最清晰。 - 使用适配的图像可以
减少图像解码和缩放的额外计算，提升应用性能。 - 直接提供输出的
2x和3x图像，确保每种分辨率下的视觉效果一致。
2.如何正确配置 2x 和 3x 图像？
iOS 使用后缀来区分分辨率倍数的图像资源：
• 2x：image@2x.png
• 3x：image@3x.png
3.如何快速设置2x、3x尺寸图像？
你可能头疼还要单独设计两个尺寸，这么多素材不得熬夜赶工。实际上，使用现代原型设计工具Sketch、Axure、Figma等只需要知道图标的基本尺寸即可。在ios开发中标准化设计流程都是通过设计基本尺寸1x的矢量素材，设计基本尺寸下的图标和素材，导出时配置统一添加后缀、多比例缩放设置，打包自动生成@2x、@3x尺寸的两份图像。（正如我所说，你只需要关注设计本身）
4.我可以只设置3x尺寸让其等比例缩放吗?
在 iOS 中，缩放通常是等比例的，但即便是等比例缩放，仍然可能导致以下问题：
- 即使是等比例缩放，从更高分辨率（如 3x）缩小到 2x 时，细节可能会丢失，图像会显得模糊，尤其是小图标或文字较多的图片。
- 锯齿现象：如果图像边缘的像素不够平滑，从 3x 缩放到 2x 时可能会出现锯齿。
- 文件大小不优化：3x 图像的文件大小通常比 2x 图像大得多，而在 2x 设备上使用 3x 图像会增加内存占用和加载时间，浪费资源。
- 小型图标和 UI 元素在缩放后，细节（如线条、圆角）可能会失真。
这是偷懒的做法，你可能觉得设计2x浪费时间，但记住使用现代设计工具，不要傻傻的，也没人手动单独设计2x和3x尺寸的素材。所以，不要纠结这个问题。
5.只能提供 3x 图像怎么办？
在制作主题时，你可能无法准确的肯定某一素材的原始基本尺寸。例如红包转账气泡封面，这在设计时会出现困扰。此时你可以选择使用PS或Sketch直接测量截图情况下的尺寸。并清楚你的设备的缩放比例。如果是调用的3x尺寸的素材，但计算后2x尺寸图像不是整数。为了素材不被挤压变形，这时你可以只设计通过你测量后的3x比例的尺寸，无需设计2x尺寸。记得：
- 优化图像细节：确保 3x 图像在缩放到 2x 时不会模糊，比如使用更粗的线条、减少复杂细节。
- 如果是大图（如背景图），等比例缩放通常问题不大，但小图标更容易受影响。