分类: 图片工具

SVG 转 PNG 工具

站方自主规划没找到想要的工具?

把 SVG 代码按任意倍数栅格化

粘贴 SVG 代码或打开 .svg 文件,选择 1x 到 8x 的倍数即可下载 PNG。矢量图由你自己的浏览器绘制,不会上传任何内容。

SVG 代码
粘贴 SVG 代码,或打开一个文件。
SVG 尺寸48 × 48PNG 尺寸96 × 96

本页的所有处理都在浏览器中完成,不会上传任何内容。

这个工具能做什么

SVG 一直都是合适的格式,直到遇上读不了它的地方:邮件客户端、电商平台的商品页、文档模板。要转换,通常就得去某个索要你文件的网站。这里的做法是把代码变成 blob,交给浏览器自带的 SVG 渲染器,再按你选的尺寸画到 canvas 上——正是它在页面上显示这张图时用的同一套引擎。输出尺寸取自 width 和 height 属性,两者缺失或写成百分比时改用 viewBox,再乘以倍数:48 单位的图标放到 2x,就是 96 像素的 PNG。

使用方法

  1. 粘贴你的 SVG 代码,或从设备打开一个 .svg 文件。
  2. 选择倍数;如果需要不透明的 PNG,就填充背景。
  3. 点击转换为 PNG 并下载图片。

隐私说明

本工具完全在你的浏览器中运行。输入的内容不会被上传、保存或分享,关闭标签页即随之消失。

常见问题

我的 SVG 会被上传吗?
不会。代码由浏览器渲染和栅格化,PNG 以本地下载的形式生成,不向任何地方发送。
为什么文字丢失或字体不对?
只写了字体名称的 SVG 依赖本机安装了该字体;引用外部图片或样式表的 SVG 也无法从本地 blob 中把它们取回来。在绘图软件里把文字转成路径,结果就不会跑偏。
如果我的 SVG 没有 width 和 height 呢?
会改用 viewBox。若连 viewBox 也没有,就不存在可供缩放的固有尺寸,工具会直接说明,而不是替你猜一个。