美文网首页办公专题爱修图
svg转图片的3种方式

svg转图片的3种方式

作者: Marydon | 来源:发表于2022-03-31 11:36 被阅读0次

    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转成图片,具体实现方式见文末推荐。


    相关推荐

    相关文章

      网友评论

        本文标题:svg转图片的3种方式

        本文链接:https://www.haomeiwen.com/subject/nyogjrtx.html