小技巧：如何用 Chrome 将 SVG 转成 PNG

怎么把 SVG 转成 PNG ？用 Chrome 吧，非常好用，还能设定自己想要的尺寸。

什么是 SVG ？

SVG （Scalable Vector Graphics，可缩放矢量图形） 是基于 XML 、用于描述二维矢量图形的一种图形格式。 SVG 由 W3C 制定，是一个开放标准。

SVG 转 PNG 有哪些办法？

1. 在线转换
2. 在线编辑器
3. 本地软件，如: AI, Inkscape 等
4. 代码转换

但都会有些问题：

1. 在线转换：改不了颜色、尺寸。
   • 尤其 SVG 图标，一般 24x24 黑色。
2. 在线编辑器：编辑不好，用着总不怎么灵光。
3. 本地软件：需要下载安装，可能操作不好。就简单转 PNG 而已。
   • Sketch 导入 SVG 图标（ path 属性描述）效果异常； AI 也是，也可能是操作不熟。
4. 代码转换：算了吧。

现代浏览器

现代浏览器（Chrome, Edge 等）本身就能预览 SVG ，不如直接截图？也是个办法。

不过，发现 Microsoft Edge 可以直接另存 SVG ，但尺寸只能跟随窗口改变，不精确。

那 Google Chrome 呢？首先想到的是插件，但没找到一个好用的。后来发现，「开发者工具」里