这是 png 图片转 svg 图片方法。

写这个教程是为了制作 无惗 中的 logo 图片。

方法一

1、制作一张 png 格式的白色底的图片,底图尺寸大些(例如 2000*500),目的是为了制作的图片更清楚,描慕图片时才会清楚。

3、打开 Ai 软件,新建自己所需尺寸的底(例如 400*100),再把 png 图片拖拽进 Ai 并选中它。

4、视图 - 显示透明网格。对象 - 图像描慕 - 建立,点右边打开图像描摹板,注意去掉外观中的描边

5、预设选低/高保真度照片,再点开高级,方法选邻接,勾上忽略白色,如果图中有一些缝隙还有白色,就将「颜色」调少些,这样白色就没了。

6、在右边面板将 png 图片调整尺寸,缩放到底的长宽,移动 png 图片到中心点重合。

(注:这里有个问题,如果图案本身含有纯白色,那么描慕时白色的内容被吃掉了,可以利用「方法二」解决。)

7、文件 - 导出 - 导出为,格式选择 svg,如果需要尺寸就把使用画板打钩(我需要),反之不用。

Ai 2018 测试得出,按照以下 SVG 选项导出的文件内存最小:

  1. 样式:演示文稿属性 (次要影响)
  2. 字体:SVG (主要影响)
  3. 图像:随便选一个 (完全不影响)
  4. 对象ID:最小 (主要影响)
  5. 小数:默认是 2,如果改成 1 文件会更小,但图片会稍微不精准,按需选择吧。缩小、响应都勾上别管它。

方法二(涉白)

写这个教程是为了制作 兔子窝 中的 logo 图片。

指图案本身含有白色部分,如果没有白色,都用方法一。之前 4 步一模一样,接下来开始:

1、预设选低/高保真度照片,再点开高级,方法选邻接(但这里选邻接会模糊内存也大,不知道是不是图案本身的原因,所以最后我选择了重叠,虽然不完美但尺寸最小,效果也没影响)

邻接:把这个颜色删掉后,会留下一个透明的洞。
重叠:颜色放在上面覆盖,删掉也不会透明,删掉只会留下原来四周的颜色

2、在右边面板将 png 图片调整尺寸(例如 300*113),缩放到底的长宽,移动 png 图片到中心点重合。【兔子窝 logo 选了重叠,所以这一步后我就导出了,无第 3 步。之所以没用邻接两个原因,图案模糊、内存变大了。】

3、编组 - 取消编组,此时点图案的每个部分,都可以在右边的填色中,填色或将颜色禁止。然后再按上面的方法导出。

不能直接打上文字导出,也许别人的设备没有这款字体,就显示为默认字体了,也不好看。