SVG 转 PNG/JPG 高清图片导出

在浏览器中将 SVG 矢量图或代码渲染导出为 PNG、JPEG 或 WebP 图片,支持透明背景与 1x 至 8x 分辨率倍率。

输入 SVG 源代码或上传文件
图片预览 0 × 0 px
请输入 SVG 代码或点击“加载示例”查看渲染效果
嵌入此工具到你的网站 / 博客 无需开发 · 复制即可使用
HTML 嵌入代码 (iframe):
<iframe src="https://lucentool.com/zh/svg-to-png" width="100%" height="650" style="border:1px solid #e5e0d8;border-radius:12px;max-width:850px;width:100%;" frameborder="0"></iframe>
<div style="font-size:12px;color:#78716c;margin-top:6px;font-family:sans-serif;">Powered by <a href="https://lucentool.com/zh/svg-to-png" target="_blank" style="color:#c85a32;text-decoration:none;">Lucentool - SVG 转 PNG/JPG 高清图片导出</a></div>

什么时候需要将 SVG 转成图片?

虽然 SVG 可以在任何屏幕上无损缩放,但许多社交平台(如微信头像、封面图)、办公软件(如 Keynote、PowerPoint)或部分旧版图片查看器并不支持直接使用矢量 SVG 文件。导出为 PNG 可以保留透明背景,并兼容所有支持普通图片的场景。

为什么提供 2x、4x 等倍率?

SVG 本身没有固定像素尺寸。如果直接按 1x 栅格化,在高分屏(如 Retina 屏幕)或大图展示时可能会显得模糊。选择 2x 或更高倍率可以提高导出图片的像素密度,让线条和文字更加清晰。

本地 Canvas 渲染

转换过程由浏览器的 HTML5 Canvas 直接完成绘制,无需将文件上传到服务器。