
什么是 SVG 到 PNG 转换器?
SVG到PNG转换器将矢量图形绘制到像素网格上,并将结果保存为PNG。SVG是可扩展矢量图形的W3C格式,它将形状描述为几何形状:路径,圆圈,梯度和文本。这使得任何尺寸的徽标都保持清晰,但它也意味着在有东西绘制之前没有像素。社交个人资料上传,办公文档,电子邮件签名,应用商店列表和许多内容系统都需要像素,因此必须首先渲染SVG。
Here渲染是由你浏览器自己的SVG引擎完成的,这个引擎就是在网页上绘制SVG的那个,大小来自文件,当SVG设置宽度和高度时,使用那些,单位如mm,pt或转换为像素,当它只有viewBox时,使用viewBox大小,当它两者都没有时,它以1024 x 1024绘制,一个最长边在512像素下出现的SVG,典型的24 x 24图标,例如,按比例放大,直到那边是512像素,因为一个向量通过绘制更大而不会损失任何东西,然后SVG比例选项将大小乘以1,2或4,每个文件行下的注释说明使用了什么大小以及为什么更改比例会以新的大小再次转换每个添加的SVG。
A run是这样的,你掉logo。svg,它声明width="240" height="80",然后选择2x。logo首先放大到512 x 171,然后加倍,点击行中的缩略图打开一个标题为1024x342的预览,透明背景显示为棋盘。SVG不画的任何东西在PNG中都保持透明,这通常是选择PNG而不是JPG的要点。
SVG 某些内容不能这样画,渲染成图像的 SVG 不允许在文件外获取任何东西,因此省略了通过 URL 链接的图像和 Web 字体,并且 SVG 内部的脚本不运行,嵌入文件本身的图像被绘制为动画的 SVG 变成单个静止帧,并且用消息拒绝出现 XML 错误的 SVG。
Everything都运行客户端,没有上传任何内容,超过50 MB的SVG文件被拒绝,任何超过100兆像素或比16384像素更宽或更高的输出也是如此,在这种情况下,较小的规模通常会修复该工具是免费的,没有注册,每天都有转换限制。
如何将 SVG 转换为 PNG
添加您的 SVG 文件
Drop itmes 在这里读取 Drop SVG 图像的框上或者点击上传,整个图标集可以一次进去,每个文件一添加就开始转换,其他格式的文件用链接转到转换器上为他们转走。
调整SVG规模
Pick 1x、2x 或 4x。1x 使用 SVG 中设置的大小,当它小于时放大到最长一侧的 512 像素。2x 和 4x 双倍或四倍两个维度,这适合高密度屏幕和打印。更改比例会再次转换每个添加的 SVG。
检查每个结果
每行都显示 PNG 的缩略图、其状态、SVG 与 PNG 的比较大小线以及解释如何计算像素大小的注释。单击缩略图可查看 PNG 的大图及其像素大小,并在前后之间切换。
下载 PNG
按行上的下载图标保存一个文件,或下载列表标头中的所有(n 个图像)以将集合保存为 converted-png。zip。共享名称的文件在 ZIP 中编号。
为什么要将 SVG 转换为 PNG?
SVG是更好的格式保留,PNG往往是更好的格式交接,因为可以采取它的地方远多。
仅拍摄光栅图像的上传
Profile图片,市场列表,电子邮件签名构建器和许多CMS媒体库接受JPG和PNG,但不接受SVG,部分原因是SVG可以包含脚本。PNG通过这些检查并保持标志所需的透明背景。
文档、幻灯片和聊天
Office套件、消息应用程序和较旧的设计工具对SVG的处理不均匀:有些拒绝它,有些下降梯度或字体,有些根本没有显示任何内容一个PNG到处看起来都一样,因为你看到的已经画好了。
App和图标的固定大小资产
App store、启动器和 favicon 集要求精确的像素大小。在此处以宽大的比例渲染 SVG,然后使用 图像调整器 调整其大小,或者使用 PNG 到 ICO 转换器 将 PNG 转换为 favicon。
SVG 与 PNG:使用什么
| SVG | 巴布亚新几内亚 | |
|---|---|---|
| 图像类型 | 向量。形状被描述为几何形状。 | 光栅。像素的固定网格。 |
| 缩放 | 任何尺寸都锋利。 | 当放大超过其大小时会模糊或像素化。 |
| 透明度 | 任何未涂漆的东西都是透明的。 | 全 alpha 通道,由该转换器保留。 |
| 动画 | 可能使用 CSS 或 SMIL。 | Still image。动画 SVG 在这里变成一帧。 |
| 典型的文件大小 | 简单图标和徽标很小,复杂艺术品很大。 | 像素尺寸的增长,因此 4 倍输出比 1 倍重得多。 |
| 文本 | 需要可用的字体或转换为大纲的文本。 | Baked成像素,所以它看起来到处都是一样的。 |
| 软件支持 | All 现代浏览器。办公、聊天、上传工具不均衡。 | 接近普遍。 |
| 最好的 | 网站、源艺术品和任何经常调整大小的东西。 | 上传、文档、应用程序资产和共享。 |
PNG 大小是如何计算出来的
SVG没有固定的像素大小,所以转换器分三步决定一个,并在每个文件下的注释中报告结果。
- 从根 svg 元素中读取大小:如果两者都设置,则其中一个加上 viewBox 比例(如果只有一个),如果两者都没有,则单独使用 viewBox;如果也没有 viewBox,则 1024 x 1024 的百分比和 em 值将被忽略。
- 如果最长边低于 512 像素,请按比例放大绘图,这样最长边为 512。
- 将两边乘以您选择的刻度:1、2 或 4。
| SVG 声明 | 1x | 2x | 4x |
|---|---|---|---|
| 宽度="24"高度="24" | 512x512 | 1024x1024 | 2048x2048 |
| 仅视图框="0 0 800 600" | 800x600 | 1600x1200 | 3200x2400 |
| 宽度="210mm"高度="297mm" | 794x1123 | 1588x2246 | 3176x4492 |
| 没有宽度、高度或视图框 | 1024x1024 | 2048x2048 | 4096x4096 |
100兆像素和两侧16384像素的输出上限,5000 x 5000 SVG在1倍和2倍时就可以了,但在4倍时它会是20000像素宽,并且用消息拒绝选择一个较低的尺度,它会转换。
隐私和安全
- SVG绘制,PNG保存在这个浏览器标签页内,客户端。文件永远不会上传。
- SVG渲染成图像,因此其内部的脚本不运行,也不获取外部文件的链接,在此处从未知来源打开SVG并不能让其到达网络。
- 不涉及 WebAssembly 解码器,因为浏览器使用自己的内置引擎渲染 SVG。
- Da涨停检查,如果签到就发送工具名、设备标识和你的帐号Token,批量后只记录文件数、总字节和输出格式,绝不记录文件名或内容。
- 转换后的 PNG 将保留在选项卡的内存中,直到删除它们、按"全部清除"或关闭页面。服务器上不保留任何副本。
主要特点
1倍、2倍和4倍输出
以自己的尺寸或双分辨率或四分辨率渲染一台 SVG,以便在高密度屏幕和印刷品上获得清晰的结果。
小图标出来可用
声明为 24 x 24 或类似的 SVG 在缩放之前在其最长侧放大至 512 像素,而不是变成邮票。
保持透明度
SVG不涂漆的区域保持透明,行缩略图和它后面的预览位于棋盘上,这样你就可以看到它。
读取真实单位
px、pt、pc、in、cm 和 mm 宽度转换为像素,缺失的宽度或高度会回落到 viewBox。
常见问题
Comments
0 comments
No comments yet. Be the first to share your thoughts!

