SVG 转 PNG
把 SVG 格式的标志、图标和插画转换成 PNG,用在幻灯片、文档、社交媒体帖子以及不接受矢量文件的应用中。选好尺寸和背景,PNG 就会在你的浏览器里清晰地绘制出来。
将文件拖放到此处 或点击选择文件
结果
如何把 SVG 转换成 PNG
- 把一个或多个 .svg 文件拖放到下方的工具中。
- 选择尺寸:1x 保持 SVG 本身的尺寸,4x 放大到四倍。
- 背景保持透明,或者填充为白色。
- 点击转换,然后下载 PNG 文件。
SVG 和 PNG 有什么不同
SVG 是一组绘图指令:用代码描述的线条、曲线、形状和文字。它可以缩放到任意尺寸而不失清晰度,非常适合网站上的标志和图标。PNG 是由像素组成的网格。它没法干净地放大,但在哪里都能打开,从 Word、PowerPoint 到 WhatsApp、Canva 和各个社交网络。转换之后,你就得到一张按需要的尺寸精确绘制、随处可用的图片。
选择合适的尺寸
| 尺寸 | 适用场景 |
|---|---|
| 1x | SVG 本身的尺寸,用于快速预览。 |
| 2x | 在高分辨率手机和笔记本屏幕上显示的网站和应用。 |
| 3x 或 4x | 幻灯片、印刷、社交媒体帖子,以及任何可能放大显示图片的地方。 |
由于矢量图是按所选尺寸重新绘制的,而不是事后拉伸,所以 4x 的 PNG 和 1x 的一样清晰。
透明还是白色
PNG 支持透明,所以标志可以放在任何颜色的背景上。但有些地方,比如某些邮件客户端和文档查看器,会把透明区域显示成黑色。遇到这种情况,请选择白色背景。
字体和链接的图片
引用了网络字体或外部图片的 SVG,可能会以替代字体显示,或者缺少图片,因为浏览器是单独绘制它的。要完全一致,请在 Figma、Illustrator 或 Inkscape 中把文字转换为轮廓并嵌入图片,然后再导出 SVG。转换在你的浏览器中运行,你的作品永远不会被上传。
常见问题
SVG 会被上传吗?
不会。矢量图在你的浏览器里绘制到画布上,然后在你的设备上保存为 PNG。
PNG 会模糊吗?
不会。SVG 会按你选择的尺寸重新绘制,所以 4x 的 PNG 和 1x 的一样清晰,只是更大。
透明背景会保留吗?
会。背景保持透明时,空白区域依然是透明的。对于一些处理不好透明效果的地方,比如部分邮件客户端,请选择白色。
为什么文字看起来不一样?
如果 SVG 使用的字体既没有安装在你的设备上,也没有嵌入文件中,浏览器会用相似的字体代替。要完全一致,请在设计软件里把文字转换为轮廓。
你的文件绝不会 离开你的设备
Squishly Tools 的每个工具都完全免费,并且完全在浏览器中运行。你的图片和文档在自己的电脑上处理,绝不会上传到服务器。无需账号,没有水印,也没有任何套路。