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

2023-05-16

概述:

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>

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将SVG 转换为png -- ImageMagick 转换 svg 为透明png 图 的相关文章

  • 在 Delphi 2007 中将具有透明度的位图保存为 PNG

    我有一个包含透明度信息的 Delphi 位图 32 位 我需要将其转换并保存为 PNG 文件 同时保留透明度 我目前拥有的工具是graphics32 Library GR32 PNG 由Christian Budde 提供 和PNGImag
  • SVG 在 Firefox 中渲染得很糟糕

    我正在制作带有滑动轮播的信息图表 li 我认为 尽管 FF 中 SVG 的错误已得到解决 但 SVG 在 Firefox 中显示为像素化 有人能看到这个问题的解决办法吗 URL http weaver wp weavertest com r
  • C# MonoGame 有帮助吗? (Content.Load("入侵者");)

    我正在 MonoGame 中使用 Open GL 制作太空入侵者游戏 并且尝试加载已添加到内容文件夹中的纹理 这是一个名为 Invader 的 PNG 文件 我使用的代码是 invader Content Load
  • 图像魔法叠加图像

    我有两个图像 一个是叠加图像 比如说具有透明度的图像 A 另一个是图像 B 我必须将叠加图像 A 放在图像 B 上 以便通过图像 A 的透明部分可以看到图像 B 的某些部分 我还必须根据一些参数移动图像B 我怎样才能用image magic
  • Image magick/PHP 无法处理大图像

    我有一个 PHP 脚本 用于调整用户 FTP 文件夹中图像的大小 以便在他的网站上使用 虽然调整大小的速度很慢 但该脚本已正确完成了过去的所有图像 然而最近 用户上传了 21 兆像素 JPEG 图像的相册 正如我发现的那样 该脚本无法转换图
  • jupyter 中的 r 图形 - 无法启动 png() 设备

    我在 Jupyter 中使用 R 但无法在笔记本本身中绘制图表 这是一个可重现的示例 set seed 123 mat as matrix x rnorm 100 y rnorm 100 plot mat 在朱皮特中 Error in pn
  • Highcharts - 使用选定的饼图切片获得 3D 效果

    在 highcharts 中 我试图使当用户选择或将鼠标悬停在饼图的切片上时 该切片会产生沿 z 轴 朝向用户 上升的效果 我试图通过 css 设置阴影过滤器并使切片的边框更宽 填充颜色相同 来实现此目的 然而 我面临的问题是切片仍然可以位
  • 底部带有三角形的 div 和背景图像

    我想做一个div 有一个底部的三角形 但我需要三角形上的背景图像为了出现 我尝试使用伪元素 after 但它不起作用 homebg after content position absolute top 100 left 0 right 0
  • 使用 ImageMagick/convert 创建半透明 PNG

    我有 PNG 文件 我想将整个图像转换为半透明 该图像将在 KML 文件中引用为 Google 地球 地图中使用的图标叠加层 使用 ImageMagick 向我建议了以下示例convert命令 但似乎都不起作用 第一个示例会导致错误 usr
  • 使圆圈与 d3.js 上的多线匹配相同的颜色过滤?

    我有一个多线图 当按每种水果过滤时会更新 每条线条颜色对应不同的销售年份 在 的帮助下Shashank https stackoverflow com users 5569282 shashank 每个数据点线上的圆圈已添加到组中 而不是直
  • 使用 ImageMagick (PHP) 将 2 个图像并排合并为 1 个图像

    我认为这是一件容易的事 我有 2 张图片 JPG 我希望它们合并成一张图片 其中 2 张图片并排 所以我有图片 A 和图片 B 我想要图片 AB 并排 两个图像具有相同的宽度和高度 在本例中 宽度 200px 高度 300px 但是第二个图
  • D3 将现有 SVG 字符串(或元素)追加(插入)到 DIV

    我到处寻找这个问题的答案 并找到了一些我认为可能有用的资源 但最终没有让我找到答案 这里有一些 外部SVG http bl ocks org mbostock 1014829 嵌入SVG https stackoverflow com qu
  • SVG img keepAspectRatio Chrome

    当我对 SVG 文件中的图像使用preserveAspectRatio none 时 它 似乎在 Google Chrome 中不起作用 SVG 不会根据图像宽度和高度进行缩放
  • 让用户渲染自己的 SVG 文件的安全隐患

    我计划让网站用户上传他们自己的 SVG 文档并使用inkscape or svg2pdf 用户要么未经身份验证 要么经历一个简单的注册过程 所以我预计会有一些黑客尝试 我可以采取哪些过滤措施来最大程度地减少安全威胁 Inkscape 似乎并
  • 为什么我的 D3 SVG 图上的轴不会更新?

    I have 简单的 D3 散点图 http www raxacoricofallapatorius com test scattertest html我在显示数据的几个不同属性之间切换 但是虽然我可以更改数据点 并按照我想要的方式进行转换
  • 带有图像的 Svg 在 Safari 中不显示

    在我的网站中 我嵌入了一些 svgs 它们在 Chrome Firefox IE 9 和 Safari 中似乎都工作得很好 然而 一旦 svg 中包含图像 safari 就不会渲染该图像 基于之前的类似主题 我尝试了以下内容 SVG 元素在
  • matplotlib savefig 性能,在循环内保存多个 png

    我希望找到一种方法来优化以下情况 我有一个使用 matplotlib 的 imshow 创建的大型等高线图 然后 我想使用此等高线图来创建大量 png 图像 其中通过更改 x 和 y 限制以及长宽比 每个图像都是等高线图像的一小部分 因此
  • 简单 – 按顺序对多个 SVG 进行动画处理(如循环 GIF)

    我正在尝试做最基本的SVG动画 我发现的一切都试图教我关键帧和类似的高级东西 我在 After Effects 中了解关键帧 但这根本不是我需要的 我想做的就是按顺序为相同的 8 个 svg 路径设置动画 就像翻书一样 我可以在其中轻松编辑
  • 如何按比例缩放 SVG

    我已从 Illustrator 导出 SVG 并希望设置 SVG 的高度并按比例设置宽度比例 这是 SVG 示例
  • 简单的 svg css 进度圈

    我正在尝试寻找一种方法来实现没有动画的简单进度圈 静态 我发现的示例具有非常不同的百分比偏移量 如下例所示 如何以这样的方式制作进度圈 如果我提供偏移量为 50 那么它恰好是 50 半填充 u absoluteCenter position

随机推荐

  • 倒水问题(bfs)

    倒水问题 题目 xff1a 两个容量不同且互质的杯子相互倒水 xff08 相互倒水时必须将其中一个杯子倒水或者倒空 xff0c 不存在倒半杯的情况 xff0c 要不然谁也不能确定倒了多少升水不是 xff09 xff0c 直到倒出C升的水 题
  • bfs之走地图(迷宫)

    题目 xff1a 东东找妹纸 东东手里有一张神奇的地图 xff0c 通过地图可以找到妹子 xff01 地图显示 xff0c 0表示可以走 xff0c 1表示不可以走 xff0c 左上角是入口 xff0c 右下角是妹纸 xff0c 这两个位置
  • week2 实验总结(分辨烷烃基、算分、打牌)

    A题 xff1a 大家一起学化学 题目 xff1a 这个题目一定要注意啊 xff0c 各个原子的编号是没有顺序的 xff01 xff08 我因为读题不认真 xff0c 结果 xff09 思路 xff1a 首先 xff0c 观察这一些奇形怪状
  • CSP201512-3 画图(C++实现)

    题目 样例输入1 4 2 3 1 0 0 B 0 1 0 2 0 1 0 0 A 样例输出1 AAAA A A 样例输入2 16 13 9 0 3 1 12 1 0 12 1 12 3 0 12 3 6 3 0 6 3 6 9 0 6 9
  • week12 csp-m3 T4-咕咕东学英语

    题目 样例输入 5 AABBB 样例输出 6 思路 刚拿到这个题目的感觉就是懵 xff0c 非常懵 题目很简单 xff0c 但是怎么做呢 我们来分析一下 xff0c 什么样的字串是满足条件的呢 xff1f 在一个字串中 xff1a 如果字母
  • csp 201809-3元素选择器 C++

    思路 其实题目很简单 xff0c 就是很麻烦 要构建一个树形结构 xff0c 使用结构体对每个节点进行存储 只有直系的父辈才算祖先 xff08 伯父不算祖先 xff09 xff0c 在后代选择器中 node xff1a struct nod
  • csp-m4(TT数鸭子、ZJM抵御宇宙射线、宇宙狗的危机)

    A TT数鸭子 题目 样例输入 6 5 123456789 9876543210 233 6661 114514 样例输出 4 题目 这道题最大的难点 xff0c 在于读懂题目 xff01 xff01 数位中不同的数字是 xff1f 比如1
  • SDU-考试模测 T3

    题目 青蛙去找瓜瓜 xff0c 青蛙在1号位置 xff0c 瓜瓜在n号位置 青蛙一次可以走 k 步 xff0c 走1 k 步耗费的体力不同 问青蛙找到瓜瓜耗费的最小体力是多少 xff1f 输入 第一行输入n k op xff0c op 61
  • 阿里云物联网平台搭建

    https www aliyun com 打开网址 xff0c 注册账号 按下图一步步操作 首先需要开通 公共实例 xff0c 我以前就开通过 xff0c 因此只需点击进入即可 在 产品 下 创建产品 按照 步骤操作 xff0c 其中 并不
  • 安装Cloud-Init工具

    操作场景 为了保证使用私有镜像创建的新云服务器可以自定义配置 xff08 例如修改云服务器密码 xff09 xff0c 请在创建私有镜像前安装Cloud Init工具 Linux操作系统安装Cloud Init工具时需要从官网下载并安装 x
  • ValueError: You are trying to load a weight file containing 16 layers into a model with 19 layers.出错

    ValueError You are trying to load a weight file containing 16 layers into a model with 19 layers 像这些提示出的问题 xff0c 其出错的真正原
  • Lstm输入参数详细解释

    Lstm输入参数详细解释 xff1a 比如建立双层lstm xff0c 以mnist数据集来进行叙述 xff1a 我们知道mnist数据集 xff0c 是28 28 xff1b 用lstm训练mnist数据集过程 xff1b def Dou
  • liner、dense、mlp、fc区别

    Linear 线性层 xff0c 最原始的称谓 xff0c 单层即无隐层 熟悉torch的同学都清楚torch nn Linear就是提供了一个in dim out dim的tensor layer而已 Dense xff1a 密集层 xf
  • 计算机工程与应用期刊投稿经验

    计算机工程与应用期刊投稿经验 直接上图 xff1a 经历了两个多月的时间终于录用了 xff0c 可能是因为十月一放假了 xff0c 拖了很长时间 主要经过了两次外审 xff0c 两次复审 其实论文没有太多进行修改 xff0c 外审专家询问的
  • 完美解释:wenet-流式与非流式语音识别统一模型

    Unified Streaming and Non streaming Two pass End to end Model for Speech Recognition 1 xff0c 本文以该篇论文为主线 xff0c 进行扩展 参考了很多
  • 解决报错/usr/bin/env: ‘python’: No such file or directory

    解决报错 usr bin env python No such file or directory 一 启动某个程序报错 usr bin env python No such file or directory 二 解决方法 1 查看pyt
  • 语音(一)| 语音识别基础(深度解析)

    1 声音特性 声音 xff08 sound 是由物体振动产生的声波 是通过介质传播并能被人或动物听觉器官所感知的波动现象 最初发出振动的物体叫声源 声音以波的形式振动传播 声音是声波通过任何介质传播形成的运动 频率 xff1a 是每秒经过一
  • TDNN时延神经网络---TDNN-F

    1 TDNN时延神经网络 转载 近来在了解卷积神经网络 xff08 CNN xff09 xff0c 后来查到CNN是受语音信号处理中时延神经网络 xff08 TDNN xff09 影响而发明的 本篇的大部分内容都来自关于TDNN原始文献 1
  • 在云服务器中搭建MQTT平台

    1 服务器购买 https www aliyun com 打开网址 xff0c 注册账号 按下图一步步操作 由于实验为主 xff0c 购买低配 xff0c 安装windows 64位服务器 xff0c 如步骤 所示 进行系统配置 设置登录密
  • 将SVG 转换为png -- ImageMagick 转换 svg 为透明png 图

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