SVG 没有像素,所以这是渲染,不是转换
本站的其他转换器处理的都是已经存在的像素,而这个工具做的事情不同,这种不同正是值得你阅读本页的原因。SVG 并不包含任何图像本身,而是保存了一组指令:在这里画一个圆,用那个渐变填充这条路径,在这些坐标放置文本。将其转为 PNG,就是在你选择的尺寸下执行这些指令。没有拉伸,也无需猜测,因为没有原始像素网格可供拉伸或推断。
你为什么可能需要 PNG
SVG 格式本身很优秀,但几乎没有地方能直接用。邮件客户端无法显示 SVG,Office 插入时总是出问题,社交网络和大多数上传表单会直接拒绝它,而设计圈以外的软件通常把它当作文本文件处理——技术上它确实就是文本。PNG 则是所有平台都能接受的通用格式。
大尺寸在这里不额外花费任何代价
放大照片会凭空生成从未捕捉过的像素,所以放大到 2 倍会变模糊,10 倍就彻底糊成一团。而矢量渲染没有这种上限。一个 24 像素的图标渲染到 1024 像素时,并不是把 24 像素的图放大,而是用 1024 的尺寸重新绘制一遍,每一条曲线和边缘都针对新尺寸重新计算。我们实际测试过:一个 24×24 的图标渲染为 1024×1024 后,颜色与源文件完全一致,边缘平滑抗锯齿,没有台阶感。
实际建议也由此而来。请以你实际需要用到的最大尺寸渲染,而不是最小尺寸,因为生成的 PNG 从此就是固定像素网格。渲染大尺寸只需多花几毫秒,几乎没有成本。
你可以自定义尺寸,或让文件决定
输入宽度,图像会按比例适配。比如 2:1 的 logo 输入 400×400,得到的会是清晰的 400×200,绝不会被压成正方形。还提供一键预设:256、512、1024 和 2048,以及“原始”选项,按 SVG 文件自身声明的尺寸渲染。比如文件声明 200×100,选择原始就会返回 200×100。最大支持每边 16,384 像素,总像素 64 百万,足够渲染 8000×8000。
支持透明,包括半透明
PNG 支持真正的 alpha 通道,所以带透明背景的 logo 渲染后依然是透明背景,可以直接用于幻灯片或产品页,无需担心白色底框。优质渲染器与普通渲染器的区别在于半透明:柔和阴影、渐隐边缘、任何设置了半透明的元素。比如形状声明 50% 不透明度,输出的 alpha 就是 128,正好一半。每次渲染都是真正的 RGBA 图像。如果你想去除透明,只需把背景设置为纯色,并用取色器选择你需要的颜色。
文本和渐变——最容易出错的两项
服务器端 SVG 渲染常常在两个地方出错:字体丢失导致文本消失或字体错乱;定义一次并通过 id 引用的渐变无法解析,导致形状变成纯色或黑色。我们都做了验证:文本渲染出来边缘平滑抗锯齿,通过 url() 引用的线性渐变也能正确显示。如果文件要求的字体服务器没有,会自动替换,并在结果中提示,而不是让你事后才发现。
上传他人 SVG 文件在这里是安全的
SVG 文件可以合法地包含 JavaScript,也能引用互联网其他资源。这正是邮件服务商屏蔽 SVG 的原因,也是你收到陌生人 SVG 文件时需要谨慎的理由。本站渲染采用专用矢量引擎而非无头浏览器:脚本绝不会执行,外部引用也不会被加载。文件内部的任何内容都无法运行、回传或读取数据。你得到的只是图像的静态状态,因此动画只会渲染首帧,不会播放。
快速且可复现
经典的 Ghostscript 老虎图,94.5 KB 的复杂贝塞尔路径,是 SVG 渲染器的常用压力测试,渲染为 512 像素 PNG 仅需 53 毫秒。同一文件渲染两次,输出完全一致(字节级),可精确复现结果。支持直接读取压缩的 .svgz 文件,格式通过文件内容自动识别,即使文件被重命名或没有扩展名也能正常渲染。
批量渲染一组图标
多文件可用相同设置批量渲染,返回的 ZIP 包含原始文件名。比如三个文件都叫 icon.svg,返回时会分别命名为 icon.png、icon_1.png 和 icon_2.png,不会被覆盖。批次中损坏或非 SVG 文件会被跳过,并在结果中列出,不影响其他文件。
你将获得
- 按你选择的尺寸渲染的 PNG,而不是小图放大版
- 比例锁定,绝不会变形拉伸
- 完整 alpha,支持半透明和柔和阴影,或任意你选择的背景色
- 文本和渐变都能正常渲染,字体替换会有提示
- 绝不执行脚本、不加载外部资源,未知 SVG 上传也安全
- 无需注册、无水印,文件一小时后自动从服务器删除
下一步做什么?
渲染 4000 像素的大图文件体积较大,压缩 PNG 通常是放到网页前的下一步,而 PNG 转 WebP 能进一步优化网页加载。如果你还要保留矢量文件,压缩 SVG 能先去除编辑器冗余内容。