我应该使用哪种图像格式来进行 ios 开发？ SVG 还是 PNG？

Question

过去 1 个多月以来，我一直致力于 iOS 开发，我的经验是，我必须为 iphone 放置 1x 2x 3x 的图像，然后为 ipad 放置 2x retina 的图像。一位经验丰富的设计师建议我采用 svg 格式，因为它会根据屏幕尺寸自行缩放。

所以我详细的问题是：

1. 我可以使用 svg 代替 png 吗？
2. 如果我使用 svg，是否仍需要将 iphone 和 ipad 的图像设置为 2x 和 3x？
3. svg 中的图像会根据手机尺寸缩放且不会损失质量吗？

如果根据您的经验有任何其他信息，请分享。

谢谢你。

Answer 1

官方 iOS 开发文档称“PNG 格式是最推荐在应用程序中使用的格式”。您可以在此处阅读它以获取更多信息。

1. 是的，尽管支持的文件类型表没有列出。苹果重视用户体验。 SVG 缩放会消耗更多的 CPU 周期，这是他们不喜欢的。 PNG 渲染比 SVG 更高效。
2. 是的，Apple 明确建议使用不同尺寸的多个版本的图像。然后可以从具有最接近尺寸的文件进行缩放。
3. 请参阅 1。在某些情况下，例如放大/缩小场景，SVG 会更好。

您也可以使用矢量化 PDF。您可以在这里阅读更多内容。它并非没有限制，但对于矢量化 PDF，Xcode 会自动生成缩放版本。这应该会让生活更轻松。请注意，有时缩放结果看起来很差。

Answer 2

截至 2024 年 4 月 17 日，Apple 推荐使用 SVG 等矢量格式。来自他们的图标人机界面指南：

如果您创建自定义界面图标，请使用 PDF 或 SVG 等矢量格式。 系统会自动缩放基于矢量的界面图标以进行高分辨率显示，因此您无需提供其高分辨率版本。相比之下，PNG（用于应用程序图标和其他包含阴影、纹理和突出显示等效果的图像）不支持缩放，因此您必须为每个基于 PNG 的界面图标提供多个版本。

对于你的问题：

1. 是的，您可以使用SVG；这是现在推荐的方式。
2. 如果您使用 SVG，则不需要 2x 或 3x 图像。
3. 当然！ SVG 图像自动缩放并且看起来很棒。

（P.S.是的，我知道这个问题已经非常老了，OP可能不再需要答案，但现在是时候为后代更新答案了。）