SVG转PNG在线转换
SVG是一组绘图指令,本身没有固定分辨率。转换为PNG就是把这些指令绘制到像素网格上,因此唯一需要决定的是输出图片要多少像素宽。
图片格式转换
或将JPG, JPEG, JPE … 文件拖放到此处 ·
单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除
文件在我们的服务器上处理,并在 30 分钟后删除。
85 可使照片在视觉上与原图无差别。只有在需要更小的文件时才调低。
JPG、BMP 和 EPS 不支持透明。透明像素会用此颜色填充。
用于透明像素底色的十六进制颜色,例如 #FFFFFF。
此格式只能保存单张图像。如需保留动画,请选择输出 GIF 或 WebP。
多尺寸图标在一个文件中包含多种分辨率,浏览器和操作系统会选用所需的尺寸。
保持原始尺寸,或输入一边的数值,自动保持宽高比。
上面所选边的像素值。
相对于原始尺寸的百分比。
屏幕和网页使用 sRGB 即可。印刷流程请保持原样;灰度会丢弃颜色。
仅写入元数据,0 表示保留原值。打印机和部分网站会读取此数值,它不会改变像素尺寸。
使用方法
- 1
上传SVG文件
将保存为 .svg 的徽标、图标或插画拖入上传区,每批最多 20 个,每个文件最大 95 MB。
- 2
设置输出宽度
调整输出图片尺寸默认设为宽度 1024 px。你可以输入其他尺寸,或切换为设置高度或设置长边;图稿的宽高比始终保持不变。
- 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 DPI | 150 DPI | 300 DPI | |
| 1 | 72 | 150 | 300 |
| 2 | 144 | 300 | 600 |
| 3.5 | 252 | 525 | 1050 |
| 8.5 | 612 | 1275 | 2550 |
| 11 | 792 | 1650 | 3300 |
SVG转位图前的四项检查
将字体转为轮廓
如果文字使用了你电脑上有、而转换器没有的字体,就会被替换。请先把文字转为路径。
嵌入链接的图片
SVG 可以通过路径指向单独的照片文件。如果该文件不在 SVG 内部,PNG 中对应位置会是一片空白。
检查画布
SVG 画布中图稿周围多余的空白,在 PNG 中会变成透明边距。导出前请让画板贴合图稿。
按用途选择宽度
不同用途导出不同的 PNG,例如头像用 512 px,幻灯片用 2048 px,而不是所有场景都用同一种尺寸。
SVG
可缩放矢量图形
SVG 是基于 XML 的矢量格式,2001 年由 W3C 标准化。它描述的是形状、路径和文本,而不是像素,因此在任何尺寸下都保持清晰,用于徽标和图标时通常很小。它支持透明、CSS 样式、脚本和动画,所有浏览器都能原生渲染。SVG 不适合照片,复杂的插画渲染也可能变慢。Illustrator、Inkscape、Figma 和浏览器都可以打开并编辑。
- 压缩方式
- –
- 透明度
- 支持
- 动画
- 支持
- 发布年份
- 2001 · W3C
PNG
便携式网络图形(PNG)
PNG 是 PNG 开发组于 1996 年发布的无损位图格式,后来由 W3C 和 ISO 标准化。它精确保留每个像素,支持完整的 Alpha 透明度,处理文字、锐利边缘和纯色块时不会产生伪影。这种精确度使它非常适合截图、徽标、图标和界面图形。代价是体积:保存为 PNG 的照片往往比同一张照片的 JPEG 或 WebP 大好几倍。所有浏览器、操作系统和编辑器都能打开 PNG 文件。
- 压缩方式
- 无损
- 透明度
- 支持
- 动画
- 不支持
- 发布年份
- 1996 · PNG Development Group
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 指南,了解描摹的原理和预期效果。