Non-Profit, International

Spirit unsterblich.

四个 SVG 工具/网站

字数统计:492 blog

可缩放矢量图形(Scalable Vector Graphics,SVG),是一种用于描述二维的矢量图形,基于 XML 的标记语言。作为一个基于文本的开放网络标准,SVG能够优雅而简洁地渲染不同大小的图形,并且得到了越来越多的支持。

本文章分享三个非常有用的 SVG 工具,分别是 SVG 编辑软件 Inkscape,SVG 转换网站 pngtosvg.com ,SVG 优化网站 svgoptimizer.com 和 SVG 转 PNG 网站 www.svgtopng.cn

Inkscape 是一个小型的 SVG 矢量编辑软件,相对于庞大的 Adobe Illustrator,Inkscape 是非常轻量的并且免费使用。Inkscape 提供了各种基本图形以及钢笔工具,并且可以非常轻松的修改锚点坐标和图形大小,甚至比 AI 都方便。并且 Inkscape 还有图层之类的支持。

pngtosvg.com 是一个强大的位图转换矢量图网站,他能真的把位图转化为矢量图,不过由于计算渐变过于复杂,这个网站会非常粗暴的将渐变化为单一颜色,最多可以保留 10 种。如果你有颜色非常少但边缘非常清晰锐利的图片,可以试试用这个网站转换为矢量图。

svgoptimizer.com 是一个强大的优化 SVG 的网站,能够极大的减小 SVG 的体积。AI 和 Inkscape 导出的 SVG 文件都有一些多余信息,而这个网站利用其算法可以删除大部分不需要的信息并进行细节上的优化,经我测试小了 45%。比如 Inkscape 在缩放图像时有可能会使用缩放指令而不是真的缩放坐标,这个网站就可以自动展开缩放后的坐标,不可谓不强大。

www.svgtopng.cn 是一个将 SVG 转换为 PNG 的网站。在我对 SVG 的实际使用过程中,许多复杂 SVG 在许多软件中是不能正常显示的,比如 ImageMagisk(Photoshop),同时,Chrome 和 Firefox 对于 SVG 都支持的很好,但是 Chrome 和 Firefox 并不提供转换功能。而 www.svgtopng.cn 对于复杂 SVG 支持的非常好,并且转换后的结果甚至是带 Alpha 通道的 PNG,不可谓不强大。


若无特殊声明,本人原创文章以 CC BY-SA 4.0 许可协议 提供。