在线 SVG 转图片工具

免费、安全、无需上传 — 在浏览器中将 SVG 转为高清 PNG / JPG / WebP

核心特性

🔒

隐私安全

所有转换在浏览器本地完成,SVG 文件不会上传到任何服务器,源代码完全开源可审计。

🎨

多格式支持

支持导出 PNG(无损)、JPG(高压缩)和 WebP(现代格式)三种格式,满足不同使用场景。

🔍

高清缩放

提供 1x、1.5x、2x、3x 四种缩放比例,适合 Retina 屏幕和高分辨率图标导出。

⚙️

质量可调

JPG 和 WebP 格式支持 1-100% 质量调节,帮助您在画质和文件大小之间找到最佳平衡。

点击或拖放SVG文件到此处

转换设置

如何使用

  1. 1
    上传 SVG 文件

    点击"选择文件"按钮或将 SVG 文件拖入上传区域。也可以直接粘贴 SVG 代码。

  2. 2
    选择输出设置

    选择输出格式(PNG、JPG 或 WebP),设置缩放比例(1x-3x)和输出质量。

  3. 3
    生成预览

    点击"生成预览"按钮,浏览器会在本地渲染并显示转换结果。

  4. 4
    下载或复制

    确认效果后,点击"下载图像"保存到本地,或"复制到剪贴板"直接粘贴使用。

输出格式对比

格式 压缩类型 透明背景 最适用场景
PNG 无损 支持 图标、Logo、需要透明背景的图片
JPG 有损 不支持 照片类内容、文件大小敏感的场景
WebP 无损/有损 支持 网页优化、现代浏览器、兼顾质量与大小

常见问题

这个工具安全吗?

完全安全。所有转换在浏览器本地完成,SVG 文件不会上传到任何服务器。工具使用 Canvas API 进行渲染,并会自动清除 SVG 中的脚本标签和 39 种危险事件处理属性,防止 XSS 攻击。源代码完全开源,可在 GitHub 上审计。

支持哪些输出格式?

支持 PNG、JPG 和 WebP 三种格式。PNG 是无损格式,适合图标和需要透明背景的图片;JPG 适合照片类内容,文件更小;WebP 是现代格式,在保持高画质的同时提供出色的压缩率,适合网页使用。

可以批量转换吗?

目前支持单文件转换。您可以通过上传文件或粘贴 SVG 代码进行转换。如需批量处理,建议使用命令行工具如 ImageMagick 或 Sharp。

转换后的图片质量如何?

支持 1x 到 3x 缩放。1x 保持原始尺寸,2x 和 3x 适合 Retina 高分辨率屏幕。JPG 和 WebP 格式支持 1-100% 质量调节,PNG 为无损格式,转换后画质与原始 SVG 完全一致。

SVG 是什么格式?为什么需要转换?

SVG(可缩放矢量图形)是一种基于 XML 的矢量图片格式,常用于网页图标和插图。部分应用和平台不支持直接显示 SVG,将其转换为 PNG 或 JPG 等位图格式可以确保在所有设备和应用中正常显示。

支持哪些浏览器?

支持所有现代浏览器,包括 Chrome、Firefox、Safari、Edge 的最新版本。工具依赖 Canvas API,该 API 在 IE11 之后的所有主流浏览器中均可使用。

最大支持多大的 SVG 文件?

没有硬性文件大小限制。由于转换在浏览器本地进行,实际限制取决于设备内存。一般来说,大多数 SVG 文件(包括复杂的矢量插图)都可以正常转换。超大文件可能需要较长处理时间。

转换后的图片分辨率是多少?

输出分辨率 = SVG 原始尺寸 × 缩放比例。例如,一个 200×200 的 SVG 以 3x 缩放导出,输出图片为 600×600 像素。这对于需要高分辨率资源的 Retina 屏幕和印刷品非常实用。

SVG 中的渐变和滤镜能正确转换吗?

是的。工具使用浏览器的原生 Canvas 渲染引擎,支持 SVG 中的渐变(linear/radial gradient)、滤镜(blur、shadow 等)、剪切路径和遮罩等高级特性。

粘贴 SVG 代码功能怎么使用?

点击"粘贴SVG代码"按钮,在弹出的文本框中粘贴完整的 SVG 代码(以 <svg 开头),然后点击确认。适合开发者直接从编辑器或浏览器开发工具中复制 SVG 代码进行转换。