svg转图片的3种方式

1.情景展示

如何将svg文件转换成图片格式？
以下面这个图片方式地址为例：

https://mmbiz.qpic.cn/mmbiz_svg/et9q9FvjBBoKIEABtT5CArQ6JzPXlUia24Y0ZpX2ib5qcvib6wvsACNadI0peB01ic7XFf1HWxN0Lpt1YYvgMwuoCpKFDhWGfBeb/640?wx_fmt=svg

2.解决方案

方式一

使用在线网站转换
https://www.aconvert.com/cn/image/svg-to-jpg/

如上图所示，可以根据svg文件或者svg的网络地址进行转换；

可转换成的图片格式，支持很多种：

同时，可以设置压缩图片质量和尺寸。

如果，根据网络地址无法完成转换的话，比方说，微信上的图片就不允许其他网站使用，怎么办？

只能将svg文件保存到本地。

用浏览器访问svg文件地址，右键，另存为：

保存到本地的将是svg文件；

然后，再将本地文件上传到转换网站，进行格式转换。

转换成功后，点击转出结果位置的图片访问地址；

再将结果保存到本地即可。

这种方式有一个缺点：
原svg当中的透明区域，在转换成图片后，会被填充成白色。

方式二

使用PS。

将svg通过浏览器下载到本地；

选中该文件，用PS打开；
或者，打开PS，将svg文件拖拽到PS当中；

将会出现栅格化提示；

文件-->导出-->导出为；

导出的图片格式，只能是：PNG,JPG和GIF格式。

优点：使用ps转换成图片，将会保留原来的透明区域。
缺点：支持的图片格式只有3种。

方式三

使用js将svg转成图片，具体实现方式见文末推荐。

---

相关推荐

• 办公模块
• 小编主页
• 禁止发布的文章看这里
• js svg转图片格式