ios - 获取 Assets 目录矢量图像的最佳方式是什么

Question

我知道 xcode 引入了一个提供矢量图像(.pdf)的选项，这样我们就不必为每个维度(例如 1x、2x、3x)提供图像

这可以节省大量时间，而且确实是一个很好的功能

但是如何制作 .pdf 格式的矢量图像。

据我所知，任何 png 图像都可以保存为 .pdf 图像，这是否意味着它已被矢量化？

否则我们必须以更困难的方式做到这一点..通过安装 adobe illustrator 并通过它制作矢量图像

或者有任何网络应用程序可以为我们做这件事

基本上我想做正确的方法，这样当图像在 3x 设备中显示时也不会出现图像失真

Answer 1

这是对@Senseful 的出色回答的补充。

如何制作.pdf格式的矢量图

我将介绍如何在 Inkscape 中执行此操作，因为它是免费和开源的，但其他程序应该类似。

在 Inkscape 中:

1. 创建一个新项目。
2. 转到"file">“文档属性”并将自定义页面大小设置为您的 @1x 大小(44x44、100x100 等)，单位为 px。
3. 制作您的艺术品。
4. 转至文件 > 另存为... > 可打印文档格式 (*.pdf) > 保存 > 确定。 (或者，您可以转到“打印”>“打印到文件”>“输出格式:PDF”>“打印”，但选项不多。)

注意事项:

• 正如已接受的答案中提到的，您无法调整图像大小，因为 Xcode 仍然在构建时生成光栅化图像。如果您需要调整图像大小，您应该创建一个不同大小的新 .pdf 文件。

• 如果您已有页面尺寸错误的 .svg 图像，请执行以下操作:

  1. 更改页面大小(Inkscape > 文件 > 文档属性)
  2. 选择工作空间上的所有对象 (Ctrl+A) 并调整它们的大小以适合新的页面大小。 (按住 Ctrl 键可保持宽高比。)

• 要将 .svg 文件转换为 .pdf，您还可以找到在线实用程序来为您完成这项工作。 Here is one example来自this answer .这样做的好处是可以让您轻松设置 .pdf 大小。

进一步阅读

• > Using Vector Images in Xcode 6

Original answer