将SVG 转换为png -- ImageMagick 转换 svg 为透明png 图

概述：

SVG 是当今流行的网络图像格式，有时候需要将SVG 转换为png图。因为SVG是矢量图，本身是透明的，因此转换为PNG时，我们也需要它是透明的。

ImageMagick 是一个强大的图像处理工具，其下载地址为：ImageMagick – Download

https://imagemagick.org/script/download.php

该工具免费开源，Windows版本下载地址为：ImageMagick-7.1.0-37-Q8-x64-dll.exe

https://download.imagemagick.org/ImageMagick/download/binaries/ImageMagick-7.1.0-37-Q8-x64-dll.exe

下载完后安装到 C:\ImageMagick-7.1.0-Q8

打开命令行 cmd 进入到 C:\ImageMagick-7.1.0-Q8

用如下命令行格式进行SVG转PNG图像格式：

magick -background none -format png <input.svg> <output.png>

<input.svg> : 指要进行转换的输入SVG文件
<output.png>：指你要输出的PNG文件

举例说明

magick -background none -format png C:\images\favicon-1.svg C:\images\favicon-1-40.png

修改输出的PNG文件的图像宽×高

以下是一个SVG文件，可以通过修改 SVG文件中的
width="40"
height="40"
来控制输出的PNG文件的尺寸，同学们可以用这个PNG文件测试一下。

<svg xmlns="http://www.w3.org/2000/svg"
data-name="图层 1"
width="40"
height="40"
viewBox="0.01851367950439453 0.00278472900390625 484.3842468261719 484.3206481933594"><defs>
<radialGradient id="a811d266f-e18a-4cf0-ab91-68ec0a22fe2e" cx="117.94" cy="152.71" r="281.82" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#73c8ff"/>
<stop offset=".22" stop-color="#6fc4fd"/><stop offset=".45" stop-color="#63b8f6"/>
<stop offset=".68" stop-color="#50a3ec"/><stop offset=".91" stop-color="#3587dd"/>
<stop offset="1" stop-color="#297ad6"/></radialGradient>
</defs>
<title>50</title>
<path d="M477.05 20.43c-21.19-21.18-64-9.28-92.58 17.21 16.71-2 30 1 38.47 9.44 34.34 34.34-22.21 146.53-126.29 250.6-15.56 15.57-31.31 30-47 43.34 22.11-20.54 43.94-44.06 62.31-69.6 73.06-101.6 90.18-154.11 88.06-188.93-1-1-2-2.11-3-3.13a220.92 220.92 0 0 0-170.19-64.42c10.1 2.4 13.53 10.94 6 30.82-12.43 32.7-50.17 80.7-87.46 107.8 33.79-34.84 63-78.31 72.68-113.47 7.52-27.19-17.87-23.32-43.26-15.63a220.47 220.47 0 0 0-90.88 54.91C-2.58 165.86.64 303 83.91 392.56A131 131 0 0 0 124 422.37c-35.44 14.36-63.55 16-77.95 1.6-10.21-10.22-12.33-27.34-7.6-49.07-26.67 31.23-41.4 80.82-19 103.18C47.35 506 114 496 190.41 455.21c78.22-46.8 159.27-124.42 206.07-186.06C361.1 347.91 292.6 423.25 223 458.65c73.06 6.85 132.63-14.89 179-61.24a221.25 221.25 0 0 0 57-215.07c36.74-72.58 44.89-135.07 18.05-161.91z" transform="translate(-8.47 -9.55)" fill="url(#a811d266f-e18a-4cf0-ab91-68ec0a22fe2e)"/>
</svg>

将SVG 转换为png -- ImageMagick 转换 svg 为透明png 图相关推荐

path png转svg_SVG2PNG(前台和后台将SVG转换为PNG)--amcharts导出png
在项目中用到了amcharts,amcharts图标统计插件是利用SVG实现的,其自带下载png功能,但是不支持IE以下浏览器.因此研究了SVG转换为png,最终实现的效果是将amcharts生成一张 ...
archlinux php imagemagick,如何用ImageMagick将SVG转换为PNG？
我有一个SVG文件,其定义大小为16x16. 当我使用ImageMagick的转换程序将其转换为PNG时,我得到一个16x16像素的PNG,这太小了: convert test.svg test.pn ...
php wmf png,php – 无法使用Imagemagick将SVG转换为WMF
我正在尝试使用 PHP和Imagick在Linux下将SVG格式的图像转换为WMF.我可以成功地将图像从SVG转换为PNG,但不能从SVG转换为WMF.我没有PHP错误,只是一个NULL图像.我怀疑我 ...
python编辑svg文件_使用Python批量转换SVG文件为PNG或PDF文件
使用Python批量转换SVG文件为PNG或PDF文件使用Python批量转换SVG文件为PNG或PDF文件使用模块 1 模块单独使用 2 模块用于代码实例 1 命令行方式 2 python脚本 ...
如何将svg转换为xaml
原文:如何将svg转换为xaml 1 下载Inkscape 2 用Inkscape打开svg,另存为xaml 注意:复杂的svg图转换完会出现类似下面的xaml,wpf/silverlight是无法解 ...
Chrome截长图+svg转换为png
Chrome截长图据说插件都有bug,我就没试插件直接用这种原生的方法了,毕竟在电脑上截长图的场景不多在你要截屏的网站上右键-检查单击一个有手机和平板的图标,进入 Device Toolbar ...
java实现图片格式转换(svg、png、webp)
文章目录一.svg文件 1.1 svg介绍 1.2 svg文件操作 1.2.1 获取svg文件源码 1.2.2 获取svg文件宽高 1.2.3 获取svg文件颜色 1.2.4 svg文件着色二.s ...
SVG动画和CSS转换：复杂的爱情故事
以下是GreenSock动画平台(GSAP)的作者Jack Doyle的来宾帖子. Jack长期以来一直深深地沉浸在网络动画的树林中,试图使其变得更轻松,更好. 他之前曾在这里写过文章,谈论JavaS ...
使用Batik把SVG转换为图片
Batik是使用svg格式图片来实现各种功能的应用程序以及Applet提供的一个基于java的工具包,可以使用Batik把SVG转换为图片. Batik的project link是http://xml ...
java使用batik转换svg文件
svg是一种矢量图片格式,用来保存高保真的图片.我们可以用编辑器打开svg,我们可以看到svg文件其实就是一个xml文件,这种文件浏览器也可以识别.因此要查看svg用现成的浏览器就可以了.值得庆幸的是 ...

将SVG 转换为png -- ImageMagick 转换 svg 为透明png 图

概述：

举例说明

修改输出的PNG文件的图像宽×高

将SVG 转换为png -- ImageMagick 转换 svg 为透明png 图相关推荐

最新文章

热门文章