将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 图 的相关文章

  • 缩小图像尺寸 imagemagick

    我尝试过压缩图像但没有成功 看我的小实验 var results new Dictionary
  • 当 SVG 是编码的 CSS 背景图像时,如何更改 SVG 颜色?

    我的 CSS 文件中编码了一个 SVG 图标 如何在悬停时更改其颜色而不具有不同颜色的重复图标 在我的 CSS 文件中 我有 background image url data image svg xml 3Csvg xmlns http
  • 使用 inkscape 命令行将 svg 转换为 png 失败

    我觉得我一定做了一些愚蠢的错误 但我就是无法让它发挥作用 这是我从 cmd 运行的命令 inkscape com C path ship svg e export png C Path ship png without gui 作为回报 我
  • React - 在单个文件中导入多个 svgs

    我有多个 svg 文件 我想将所有这些文件导入和导出到一个文件中 icons js import IconVideoOn from assets img icons video on svg import IconVideoOff from
  • MFC CImage alpha 混合出错

    我必须在图片控件上呈现由两个 PNG 文件组成的图像 其中顶部图像在某些位置具有透明像素 结果应该是plotter png 与 bar png 顶部重叠显示为 注意条上奇怪的白色轮廓 但应该是 我为它编写的代码很简单 CImage imag
  • 无法通过 Homebrew 安装旧版本的 ImageMagick

    我需要安装 ImageMagick 6 5 8 或更早版本可能会这样做 但即使当我签出早期提交时 它也会安装最新版本 6 6 9 4 我这样做了 git checkout b im 6 5 6 ff414bb 然后确认工作树显示 image
  • 具有宽度/高度的 SVG 在 IE9/10/11 上无法缩放

    IE 9 10 11 存在一个已知问题 如果您有一个 SVG 文件
  • Three.js、自定义着色器和具有透明度的 png 纹理

    我有一个非常简单的 PNG 纹理 一个带有透明背景的灰色圆圈 我用它作为制服map for a THREE ShaderMaterial var uniforms THREE UniformsUtils merge basicShader
  • 无法在 Raphael 中缩放多条路径?

    我尝试使用当前的热门问题 使用 raphael 缩放多条路径 https stackoverflow com questions 3352698 scaling multiple paths with raphael 没有太多运气 我正在通
  • Firefox 上的 SVG 图像遮罩

    最近我创建了六边形 SVG 并计划将其实现为 Firefox 的图像遮罩 目前它只适用于 Chrome http jsfiddle net brokeneye WKEbw http jsfiddle net brokeneye WKEbw
  • 如何在 d3.js 中的节点上制作双击事件?

    我想在节点上进行双击事件 所以我尝试了 on dbclick function d return http google com and bind dbclick function d alert hello 但一切都失败了 谁能帮我 完整
  • 在 Android 中使用矢量图像在真实设备上出现问题。 SVG-android

    I use svg android jar from https github com pents90 svg android其工作正常 但仅在 Eclipse 中的模拟器设备上 啊啊啊啊 在真实设备上它只是空的imageView在屏幕上
  • 如何将transform-origin与SVG结合使用? [复制]

    这个问题在这里已经有答案了 我正在尝试旋转SVG path从它的中心但它不工作 a width 40px height 40px width 40px font size 1 5rem padding 1px overflow hidden
  • 学习 SVG 的书籍/教程 [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • Android和播放SVG动画

    我正在编写一个 Android 应用程序 我想播放一个简单的 SVG 动画 我知道 Android 不提供 SVG 支持 我在这里有什么选择 从 Android Lollipop API 级别 21 开始 可以使用动画矢量Drawable
  • 使用 PHP 创建矢量图形

    我正在尝试用 PHP 创建矢量图形 我试过开罗 但没能让它发挥作用 我知道 imageMagick 具有矢量功能 但 php net 上的文档非常差 有人可以引导我走向正确的方向吗 这个想法是能够将图形保存到 EPS 我还需要能够使用不同的
  • 如何使用 imagemagick 创建像shutterstock一样的水印

    我想创建像 Shutterstock 一样的图像水印 我已经尝试过但无法复制它 我尝试使用以下命令 对我来说 问题是我无法像 Shutterstock 那样向图像添加对角线随机文本 我尝试了很多选择但没有运气 infile zoom jpg
  • 在 SVG 路径中动态创建渐变层

    我正在使用 SVG 创建动态路径 我现在希望在我的路径中添加渐变 但我被困住了 按照我尝试的方式 我的渐变沿着图 2 所示的路径进行 而我要求它是图 1 中的那种 Current 我的渐变和描边定义如下
  • 文本输入框作为 SVG 中的“foreignObject” - 文本溢出问题

    我使用 foreignObject 标签在 svg 中有一个文本输入框 这很有效 但是如果您在输入框中输入的内容比其宽度长 从而导致其溢出 那么文本实际上会出现在页面上的其他位置 可能是没有外来对象标记的默认位置 这是一些屏幕截图来解释正在
  • 渲染时 Flutter SVG 延迟

    我在行中显示 SVG 文件形式的图像和文本 由于某些原因 svg 图像的渲染速度比屏幕的其余部分慢 从而导致延迟 这不利于用户体验 这种延迟正常吗 我该怎么做才能使整个屏幕同时渲染 Row mainAxisAlignment MainAxi

随机推荐

  • 倒水问题(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 是一