SVG 转 PNG / PNG 转 SVG
矢量图与位图互转,支持高清倍率与透明背景,安全本地处理
SVG 转 PNG / PNG 转 SVG是一款图像工具在线工具,矢量图与位图互转,支持高清倍率与透明背景,安全本地处理。所有处理均在浏览器本地完成,文件不会上传到服务器。
点击上传 或拖拽 SVG 文件
支持 .svg 文件,也可粘贴 SVG 代码
或直接粘贴 SVG 代码
预览
点击上传 或拖拽 PNG 图片
支持 .png 文件
像素矢量化仅建议 128×128 及以下小图标,大图会生成巨大文件。
预览
如何使用 SVG / PNG 转换工具
只需 3 个简单步骤,即可完成格式互转
选择模式
在 SVG 转 PNG 或 PNG 转 SVG 之间切换,上传对应文件
设置参数
SVG 转 PNG 可选倍率;PNG 转 SVG 可选嵌入或像素化模式
下载结果
预览后一键导出,获得所需格式的文件
适用场景
-
1
图标导出
将 SVG 矢量图标转换为高清 PNG,用于 App、网站等需要位图的场景
-
2
设计交付
将 PNG 图片嵌入为 SVG 容器,便于在支持 SVG 的系统中统一管理与展示
-
3
无损放大
SVG 转 PNG 时选择 2x/4x/8x 倍率,获得超高清位图,边缘依然锐利
-
4
跨平台兼容
解决部分老旧系统不支持 SVG 的问题,通过转位图保证正常显示
核心功能
-
1
双向转换
支持 SVG 转 PNG、PNG 转 SVG 两种方向,满足不同需求
-
2
无限放大
SVG 转 PNG 可选 2x/4x/8x 倍率,直接从矢量数据渲染,细节完美无瑕
-
3
透明背景
完美支持透明背景,SVG 的透明区域与 PNG 的 Alpha 通道转换后保留
-
4
隐私保护
所有转换在浏览器本地完成,设计稿和图标文件不会上传到服务器
常见问题
为什么 SVG 转 PNG 比截图更清晰?
截图受限于屏幕分辨率。而我们的转换器直接从矢量数据渲染,可按需设置任意放大倍数(如 8 倍),细节依然完美无瑕。
PNG 转 SVG 能变成可编辑的路径吗?
目前支持"嵌入"和"像素化"两种模式。嵌入模式将图片 Base64 嵌入 SVG 容器(保持位图);像素化模式将每个像素转为 SVG 矩形,适合小图标。
支持带有字体的 SVG 吗?
支持。但如果 SVG 使用了特殊字体且未嵌入,浏览器可能用默认字体替代。建议在 SVG 中将文字转为轮廓以获得最佳效果。
像素矢量化会导致文件变大吗?
是的。因为每个像素都会变成一个代码对象。该模式仅建议用于 64×64 或 128×128 及以下的小图标或像素画。
支持手机使用吗?
完全支持。您可以直接在手机浏览器中打开,上传图片进行转换并保存到相册。
进阶使用技巧
SVG 与 PNG 互转兼顾矢量与兼容:
1. SVG 放大不糊
logo 或图标用 SVG,任意缩放清晰。
2. 导出 PNG 设倍率
需要位图时按 1x、2x、3x 导出,适配多屏。
3. PNG 转 SVG 是描摹
位图转矢量靠描摹,复杂图会有误差。
4. 透明背景按需
图标导出 PNG 用透明,便于叠加。
5. 字体转曲防丢
SVG 含特殊字体导出前转曲,避免对方无字体。
6. Web 用 SVG 省流量
可矢量的图用 SVG,比 PNG 小且清。
以上技巧基于 SVG 转 PNG / PNG 转 SVG 的常用场景整理,实际效果会因输入数据与使用场景而异;遇到异常结果时,优先回到原始数据逐项排查。