夜雨聆风给大家介绍一个我自己做的小工具——SVG转PNG/JPG在线转换器。
先说说为什么要做这个东西。
平时做前端开发或者设计的时候，经常遇到这种情况：从网上下载的图标是SVG格式的，质量好、放大也不模糊，但想发给客户预览，或者发朋友圈，或者上传到某些只认图片格式的后台系统，就没法直接用。找了一圈在线转换工具，要么要注册登录，要么有文件大小限制，要么转换完给你打个大logo水印，要么免费版一天只能用两次。最让人不放心的是，很多网站要把源文件上传到他们的服务器，万一图标里包含敏感信息或者公司的内部素材，心里总觉得不踏实。
所以我就想，能不能自己写一个？**纯本地运行、不传文件、不限制大小、不收费、没广告。**说干就干。
这个工具用起来特别简单：
打开网页，就是一个简洁的界面，没有花里胡哨的弹窗。
把SVG文件拖进来，或者点击上传。支持单个文件，也支持批量处理，十几个图标一次性全选拖进去。
设置参数：你可以选择输出PNG还是JPG格式，调整图片的尺寸（宽高），还能设置背景颜色（SVG本身透明，转JPG时背景会变成黑色，这里可以手动改成白色或其他颜色）。
一键转换：点一下按钮，系统就开始处理。因为是本地运行，速度完全取决于你的电脑性能，几KB的小图标基本是秒转。
下载：转换完可以直接预览，点下载就能保存到本地。如果是批量转换，还能打包成一个ZIP文件一次性下载。
整个转换过程完全在浏览器里完成，用的是HTML5的画布功能，文件不会被上传到任何服务器。你网断了也能用，不用担心隐私泄露。
技术上其实踩过一些坑。SVG这东西虽然叫“可缩放矢量图”，但把它画到画布上再转成图片，涉及到跨域问题、字体渲染问题，还有有些复杂的滤镜效果可能丢失。前前后后改了好几版，现在基本能兼容市面上常见的SVG文件，包括带CSS样式的、内嵌图片的，或者结构比较复杂的矢量图。
现在这个小工具我自己一直在用，后来分享给同事，他们也觉得挺顺手。如果你平时偶尔也要处理SVG文件，又懒得打开PS或者Illustrator，可以来试试。直接浏览器打开就能用，没有广告，没有套路，纯纯的工具。
👉工具地址：
http://www.100sucai.com/web_online_tools/svg-to-png-jpg/index.html
需要的话，随时来体验。好用的话，欢迎分享给身边的朋友～
