为iOS应用加载基于SVG的图像资源

我从thenounproject购买了一个图标作为SVG图像.然后我使用一个名为Gapplin的macOS程序将此SVG导出为PNG图像.它以100x100像素的图像形式出现.

然后我使用预览程序打开此PNG图像,然后转到工具 - >调整大小并创建10x10,20x20和30x30图像.然后我在Xcode中将这些图像加载为1x,2x,3x.

这是正确的方法吗？

不,你的解决方案适合人,但它远非理想.这样做会损失(珍贵!)图像质量(有关详细信息,请参见此处).您可以通过以下方式改善您的工作:

从原始SVG文件导出所有3个分辨率,确保从基于矢量的图像源(使用Gappling或其他图像应用程序)获得最佳的PNG位图;

或者将您的SVG 转换为PDF然后在Xcode中导入PDF矢量图像文件(上次我检查时,Xcode 8仍然没有直接支持SVG文件,因此我们现在仍然使用旧的PDF).

这两种方法(图像质量方面)应该产生非常相似的结果,并且是对当前工作流程的改进.

关于应用文件大小,您不应该再看到两种方法的区别.即使使用最后一种方法,Xcode仍然会在构建时生成所需的资源,因此,您的应用程序将携带与第一种方法相同的图像/图标集.