如何正确生成 svg 图像 [重复]

【问题标题】：How to generate correctly svg images [duplicate]如何正确生成 svg 图像 [重复]
【发布时间】：2018-06-24 21:55:58
【问题描述】：

我正在尝试为徽标生成 SVG 格式文件，但我不知道如何继续。

通常当我需要 svg 格式时，我会将图像上传到 Zeplin 并自动生成。这次我尝试做同样的事情，但它告诉我This layer contains bitmap images, so no vector assets were generated. 什么是位图图像？如何删除它们或转换成其他东西？谢谢！

（我不是设计师）

【问题讨论】：

1.) 如果我理解正确，您是否要将 svg 文件转换为 png？或相反亦然？ 2.) 你在什么操作系统上？
我有一个.png，我想把它转换成.svg。我正在使用 mac。
“位图图像”只是基于像素的图像的总称。例如 PNG、GIF、JPEG、BMP 或 Photoshop 文件。

标签： svg photoshop sketch-3 zeplin

【解决方案1】：

您可以使用convert 命令将.png 文件转换为.svg 文件。

convert 带有 ImageMagick 程序。

1.) 默认情况下不安装 ImageMagick，因此如果您还没有安装它，请获取 macport 并安装它。

注意：如果您不想安装 macport，可以直接从 HERE 下载并安装 ImageMagick，然后跳到第 3 步

2.) 打开终端并输入： sudo port install ImageMagick

3.) 在镜像目录下打开终端，输入： convert filename.png filename.svg

您现在将获得 svg 格式的转换图像。

【讨论】：

Imagemagick 是一个光栅图像处理器。它不会创建矢量文件。如果您输入一个矢量文件，例如 SVG，它将产生一个光栅输出。您不能使用它将光栅 PNG 转换为矢量 SVG。您将得到的是嵌入为 SVG 矢量外壳中的像素或点的光栅图像。您需要适当的栅格转矢量工具，例如 autotrace 或 protrace。