使用inkscape制作svg封面图

注意：本文不适用于将其他格式转换成 svg ，只适用于原生 svg

svg 全名叫可缩放矢量图形，就算放大也不会失真，下面是个对比：

svg 示例

png 示例

使用 inkscape 调整 svg 属性

调整画布大小

作用是设置成 3:2 的分辨率

大小 调整好后，调整缩放，调整到自己觉得 ok 就行，可以多测试效果。

调整元素的位置

比如我想要让图标在文字的上方

到图层里，选择要操作的图层，使用鼠标上下调整位置（左右位置通过居中来自动调整）

这里如果调整一个元素，其他的元素跟着一块动了，你需要到图层里面看看有没有分组，要先取消分组才能继续调整。

一个整体想要一块调整， 那需要先放到一个分组里面，快捷键 Ctrl + G

在对齐与分布里面，相较于页面选择水平居中

使用 VSCode 插件来压缩 svg

svg 本质上就是 xml 文本文件，可以通过 VSCode 插件来压缩大小（矢量图形，压缩不会损失画质）

安装一个 svg 扩展，我用的是这个：

然后打开 svg 文件，右键会有个 压缩 svg 的选项。

压缩前后文件内容对比

压缩前后文件大小对比

注意： 使用其他图片转换成的 svg 不行，并不是真的原生 svg