获取资产目录矢量图像的最佳方式是什么

what is the best to way to get the vector image for asset catalog

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

这可以节省很多时间,而且它确实是一个很好的功能

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

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

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

否则它有任何网络应用程序可以为我们做到这一点

基本上我想做正确的事情,所以当图像在 3x 设备中显示时也没有图像失真

这是对@Senseful 的精彩回答的补充。

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

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

在 Inkscape 中:

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

备注:

  • 如已接受的答案中所述,您无法调整图像大小,因为 Xcode 仍会在构建时生成光栅化图像。如果您需要调整图像大小,您应该制作一个不同大小的新 .pdf 文件。
  • 如果您已有页面大小错误的 .svg 图像,请执行以下操作:

    1. 更改页面大小(Inkscape > 文件 > 文档属性)
    2. Select 作品上的所有对象 (Ctrl+A) space 并调整它们的大小以适应新的页面大小。 (按住 Ctrl 以保持纵横比大小。)
  • 要将 .svg 文件转换为 .pdf,您还可以找到在线实用程序来为您完成这项工作。 Here is one example from this answer。这样做的好处是允许您轻松设置 .pdf 大小。

进一步阅读

Original answer