将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>