SVG 转 PNG
拖入一个或多个 SVG 文件,或者直接粘贴代码:选择尺寸(最大为原始尺寸的 4 倍,或指定像素宽度)和背景,然后得到清晰的 PNG 或 JPG,可以逐个下载,也可以打包成 ZIP。
- PNG 或 JPG
- 高清分辨率
- 支持粘贴 SVG 代码
- 100% 隐私
100% 隐私保护 — 一切均在您的浏览器中直接处理:您的文件、语音和图像永远不会发送到 Chatzam 的服务器。
怎样把 SVG 转成 PNG?
-
添加 SVG
把一个或多个 .svg 文件拖入区域,或者把 SVG 代码粘贴到专门的输入框里,也可以在页面任意位置按 Ctrl+V。
-
选择尺寸和背景
原始尺寸的 1×、2× 或 4×,或者精确的像素宽度。保留透明,或者加上背景色(JPG 必须有背景)。
-
下载
每张图片可以单独下载,也可以全部打包成一个 ZIP 文件,文件名沿用原来的 SVG 名称。
任意尺寸,PNG 都清晰
按目标尺寸重新绘制
SVG 是矢量图:它会按您选择的尺寸重新计算,完全不会模糊,小图标和大海报都一样。
透明或彩色背景
PNG 保留 SVG 的透明背景。也可以加上白色或任意颜色的背景;JPG 一定会带背景。
批量转换
一次转换整套图标或 logo,打包成 ZIP 下载,每个文件保留原来的名称。
文件或粘贴代码
粘贴从设计软件或网页复制来的 SVG 代码:转换前会先检查,需要时自动补全。
SVG 和 PNG:为什么要转换?
SVG 是矢量格式:图像由形状和曲线描述,而不是由像素组成。它非常适合 logo、图标和插画,在任何尺寸下都保持清晰。但很多地方只接受普通图片:微信、社交平台、电商平台、印刷厂、网上表单,以及部分办公软件。这时 PNG 是最好的选择:它是无损的像素图,并且能保留透明背景。把 SVG 转成 PNG,就得到一个人人都能打开的文件,logo 依然清晰,背景依然透明。
选择尺寸:1×、2×、4× 还是自定义宽度
SVG 的原始尺寸由它的 width 和 height 属性决定,没有的话就取自 viewBox;工具会为每个文件显示这个尺寸。选 1× 时,PNG 正好是这个尺寸;选 2× 时放大两倍,适合高清屏(Retina);选 4× 时就足够用于打印或大幅海报。选择「自定义宽度」时,您可以输入需要的精确像素数,比如社交平台配图常用的 1080,或图标常用的 512,高度会按图形比例自动计算。因为 SVG 每次都会重新绘制,所以即使尺寸很大也完全清晰。唯一的限制来自浏览器:单边超过 16384 像素,或在 iPhone 和 iPad 上总像素超过 1600 万时,图片会被缩小,工具会提示您。
透明背景、白色背景和 JPG 格式
透明 PNG 可以放在任何背景上:网站、视频或演示文稿里用的 logo,就该选它。白色背景适合要打印的文档,或者会把透明部分显示成黑色的平台。JPG 不支持透明:SVG 里透明的部分会变成您选择的背景色,默认是白色。对于渐变很多的插画,JPG 文件更小,但在文字和纯色块周围可能出现轻微的瑕疵,而 PNG 始终清晰。拿不准的话,就选 PNG。
转换结果和原图不一样怎么办
SVG 是由您的浏览器当作图片来绘制的:为了安全,它的代码绝不会在页面中执行,也不能加载任何外部资源。这可能带来两点不同。文件里没有内嵌的字体,会被替换成您设备上的字体:请在设计软件里先把文字转为轮廓(文字转曲),再导出 SVG。链接到其他文件或网站的图片不会显示,而内嵌在 SVG 里的图片可以正常显示。包含 HTML 代码(foreignObject 标签)的 SVG 无法转换:大多数浏览器都拒绝把它导出为图片。最后,动画 SVG 会按初始状态转换为静态图片。
常见问题
怎样把 SVG 转换成 PNG?
把 SVG 文件拖到本页(或粘贴它的代码),选择尺寸和背景,然后下载 PNG。可以一次转换多个文件,打包成 ZIP 下载。
怎样得到高清 PNG?
选择 2× 或 4×,或者输入较大的像素宽度。SVG 是矢量图,会按这个尺寸重新绘制:PNG 保持清晰,不会像普通放大那样变模糊。
透明背景会保留吗?
会,选择 PNG 和「透明」选项即可。JPG 不支持透明,透明的部分会变成所选的背景色,默认是白色。
没有文件,只有 SVG 代码,能转换吗?
能。把代码粘贴到「或粘贴 SVG 代码」输入框,或者在页面任意位置按 Ctrl+V:SVG 会加入列表并立即转换。
为什么 SVG 里的文字字体不对?
字体没有内嵌在文件里,浏览器用了其他字体代替。请在设计软件中把文字转为轮廓(文字转曲)后重新导出 SVG,再转换一次。
我的文件会上传到服务器吗?
不会。转换在您的浏览器中、在您的设备上完成:SVG 不会上传,也不会保存。免费,无需注册。