在线SVG批量转成PNG图片
图像处理
将SVG矢量图批量转换为PNG/JPG/WebP位图格式,支持自定义尺寸、缩放比例和背景色,纯浏览器端处理
快捷使用场景
上传 SVG 文件(支持批量)
点击或拖拽 SVG 文件到此处(支持多选)
纯浏览器端处理,文件不会上传到服务器
转换配置
📖 什么是SVG转图片
SVG(可缩放矢量图形)是矢量格式,适合网页显示和无限缩放。但在某些场景下需要转为位图格式(PNG/JPG/WebP):如嵌入不支持 SVG 的平台、生成社交媒体图片、用于印刷输出等。本工具使用 Canvas API 将 SVG 渲染为位图,支持自定义输出尺寸、缩放倍数和背景颜色。所有转换在浏览器本地完成。
📝 使用说明
上传文件
点击或拖拽 SVG 文件到上传区,支持批量多选
选择格式
选择输出格式:PNG(透明)/ JPG / WebP
设置尺寸
选择原始尺寸、按比例缩放或固定像素尺寸
设置背景
JPG 自动填充背景色,PNG/WebP 可设透明或自定义色
转换下载
点击转换按钮,逐个下载或打包 ZIP 下载
⚠️ 注意事项
所有转换在浏览器本地完成,文件不会上传到任何服务器
JPG 格式不支持透明通道,透明区域会自动填充背景色(默认白色)
SVG 是矢量图,放大不会失真。小图标建议用 2-4 倍缩放获得清晰位图
如果 SVG 中引用了外部图片/字体,转换时可能无法加载,建议将资源内联到 SVG 中
❓ 常见问题
Q1: 支持哪些输出格式?
支持 PNG(透明背景)、JPG(不支持透明,自动填充背景色)、WebP(现代格式,体积更小)三种格式。
Q2: 如何控制输出尺寸?
三种模式:原始尺寸(1:1)、按比例缩放(1-10倍)、固定尺寸(自定义宽高像素值)。推荐图标用 2-3 倍缩放,印刷用 300DPI 对应的倍数。
Q3: JPG 格式背景怎么处理?
JPG 不支持透明通道。如果 SVG 有透明区域,JPG 会自动填充您设置的背景色(默认白色)。PNG 和 WebP 支持透明。
Q4: 文件会上传吗?
不会。所有转换在浏览器本地完成,SVG 文件不会上传到任何服务器。
Q5: 转换后图片模糊怎么办?
增大缩放倍数。SVG 是矢量图,放大不会失真。如果原始 SVG 尺寸较小(如 24x24 图标),建议用 4-8 倍缩放获得清晰位图。
Q6: 可以批量下载吗?
可以。转换完成后可逐个下载,也可一键打包为 ZIP 下载全部文件。
💡 使用场景
| 场景 | 说明 |
|---|---|
| 前端开发 | 将 SVG 图标转为多倍率 PNG 适配不同屏幕 |
| UI 设计交付 | 将设计稿中的 SVG 元素导出为位图交付 |
| 电商运营 | 批量转换产品矢量图为平台要求的 PNG 格式 |
| 内容创作 | 将 SVG 图表/信息图转为 PNG 用于文章配图 |
| 移动端适配 | 导出 @2x/@3x 多倍率 PNG 图标 |
| 印刷输出 | 高分辨率(300DPI)导出用于印刷的位图 |