UltKit

SVG转PNG在线转换

SVG是一组绘图指令,本身没有固定分辨率。转换为PNG就是把这些指令绘制到像素网格上,因此唯一需要决定的是输出图片要多少像素宽。

图片格式转换

或将JPG, JPEG, JPE … 文件拖放到此处 ·

单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除

输出

文件在我们的服务器上处理,并在 30 分钟后删除。

使用方法

  1. 1

    上传SVG文件

    将保存为 .svg 的徽标、图标或插画拖入上传区,每批最多 20 个,每个文件最大 95 MB。

  2. 2

    设置输出宽度

    调整输出图片尺寸默认设为宽度 1024 px。你可以输入其他尺寸,或切换为设置高度或设置长边;图稿的宽高比始终保持不变。

  3. 3

    转换为PNG

    点击转换为 PNG,即可逐张下载图片,或将全部结果打包为 ZIP 下载。SVG 中的透明区域在 PNG 中仍然透明。

答案

如何将 SVG 转换为指定尺寸的 PNG?

上传 SVG,输入所需的像素宽度(默认 1024 px),然后点击转换为 PNG。高度会按图稿比例自动计算,背景保持透明。

按所需尺寸将SVG转换为PNG

SVG 自 2001 年起成为 W3C 标准,它用坐标描述形状:在这里画一个圆,用这种颜色填充。因此 SVG 徽标无论印在名片上还是放在广告牌上都同样清晰。PNG 做不到这样缩放。一旦宽度只有 512 px,再放大就等于凭空造像素,边缘会变模糊。所以应该在转换时就确定尺寸,因为此时矢量信息还在。

许多 SVG 文件在代码中声明的宽高很小,图标有时只有 24 或 48 px。按这个尺寸渲染,得到的只是缩略图大小的 PNG。本页避开了这个问题:把输出宽度设为 1024 px,并缩放图稿以适配,高度则按图稿比例算出。你可以把数值改成最高 20,000 px 的任意值;放大不会损失画质,因为每种尺寸都是由矢量形状重新绘制的。

用于打印的SVG转PNG:英寸、DPI与像素

英寸Pixels at
72 DPI150 DPI300 DPI
172150300
2144300600
3.52525251050
8.561212752550
1179216503300

SVG转位图前的四项检查

  1. 将字体转为轮廓

    如果文字使用了你电脑上有、而转换器没有的字体,就会被替换。请先把文字转为路径。

  2. 嵌入链接的图片

    SVG 可以通过路径指向单独的照片文件。如果该文件不在 SVG 内部,PNG 中对应位置会是一片空白。

  3. 检查画布

    SVG 画布中图稿周围多余的空白,在 PNG 中会变成透明边距。导出前请让画板贴合图稿。

  4. 按用途选择宽度

    不同用途导出不同的 PNG,例如头像用 512 px,幻灯片用 2048 px,而不是所有场景都用同一种尺寸。

SVG

可缩放矢量图形

SVG 是基于 XML 的矢量格式,2001 年由 W3C 标准化。它描述的是形状、路径和文本,而不是像素,因此在任何尺寸下都保持清晰,用于徽标和图标时通常很小。它支持透明、CSS 样式、脚本和动画,所有浏览器都能原生渲染。SVG 不适合照片,复杂的插画渲染也可能变慢。Illustrator、Inkscape、Figma 和浏览器都可以打开并编辑。

压缩方式
–
透明度
支持
动画
支持
发布年份
2001 · W3C
SVG 转换器

PNG

便携式网络图形(PNG)

PNG 是 PNG 开发组于 1996 年发布的无损位图格式,后来由 W3C 和 ISO 标准化。它精确保留每个像素,支持完整的 Alpha 透明度,处理文字、锐利边缘和纯色块时不会产生伪影。这种精确度使它非常适合截图、徽标、图标和界面图形。代价是体积:保存为 PNG 的照片往往比同一张照片的 JPEG 或 WebP 大好几倍。所有浏览器、操作系统和编辑器都能打开 PNG 文件。

压缩方式
无损
透明度
支持
动画
不支持
发布年份
1996 · PNG Development Group
PNG 转换器

SVG 转 PNG 是把与分辨率无关的矢量图稿转为固定尺寸的位图,适用于不支持 SVG 的场景,例如社交平台上传、邮件和办公文档;反向操作则是试图从像素中恢复可缩放性。

SVG转PNG常见问题

SVG转PNG应该选多大分辨率?

按 PNG 实际显示的最大尺寸,再乘以 2,以适配高密度的手机和笔记本屏幕。网页上显示宽度为 300 px 的徽标,建议导出约 600 px;应用图标通常用 1024 px;印刷用图稿需要按英寸数乘以 300,例如 3 英寸对应 900 px。

SVG转成PNG后还能保留透明背景吗?

可以。SVG 中没有填充的区域会输出为完全透明,半透明的形状也会保留其不透明度。如果你需要纯色背景,可以用 SVG转JPG 转换为 JPG,并选择填充颜色。

为什么PNG里的文字和SVG里看起来不一样?

SVG 中的文字会使用渲染环境里已安装的字体绘制。如果 SVG 指定的字体没有嵌入,就会被备用字体替换。导出前请先把文字转为轮廓:在 Illustrator 中选择“文字 → 创建轮廓”,在 Inkscape 中选择“路径 → 对象转为路径”。

设置DPI能让PNG更清晰吗?

不会。高级设置中的 DPI 标记只是在文件里写入一个数值,打印机和部分排版软件会据此判断物理尺寸。清晰度取决于像素尺寸,也就是你设置的宽度。如果印刷店要求在某个尺寸下达到 300 dpi,请同时调整这两项。

为什么要把SVG转换为PNG?

很多接受图片的地方并不支持 SVG:社交媒体的头像和帖子上传、大多数邮件客户端、许多电商平台以及旧版 Microsoft Office。尺寸合适的 PNG 在这些地方都能正常显示。

PNG以后还能转回SVG吗?

只能通过描摹,即根据像素重新绘制形状,对简单的徽标效果最好。请保留好原始 SVG;如果已经丢失,可以参考 PNG 转 SVG 指南,了解描摹的原理和预期效果。