在线免费 SVG 转 PNG / JPG 工具

SVG 转 PNG / JPG 工具怎么用

这个在线 SVG 转 PNG 和 SVG 转 JPG 工具适合前端开发者、设计师、运营和站点维护者使用。你可以上传 .svg 文件，也可以直接粘贴 SVG 源码，然后在浏览器本地转换为 PNG 或 JPG 图片。

转换过程使用浏览器的 SVG 渲染和 Canvas 导出能力完成，不会上传到服务器。它适合处理图标、Logo、插画、封面图、OpenGraph 图片、社媒配图、前端资产和设计交付文件。

支持哪些功能

  • SVG 转 PNG：保留透明背景，适合图标、Logo、网页素材和设计资源。
  • SVG 转 JPG：可设置背景色和图片质量，适合社媒、封面和不需要透明背景的场景。
  • 自定义宽高：可以使用 SVG 原始尺寸，也可以导出指定像素尺寸。
  • 倍率缩放：支持按 0.25x 到 6x 导出高清图片。
  • SVG 预览：转换前先检查 SVG 是否正常渲染。
  • 本地下载：转换后直接下载 PNG 或 JPG。

字体和外链图片限制

浏览器 Canvas 转换 SVG 时有几个实际限制：

  • 如果 SVG 使用了本机没有的字体，浏览器会用可用字体替代，导出结果可能和设计软件不同。
  • 如果 SVG 引用了外链图片、远程字体或跨域资源，浏览器可能因为 CORS 安全限制拒绝导出 Canvas。
  • 为了稳定导出，建议把字体转曲线，或使用常见系统字体；外链图片建议内嵌为 base64 data URL。
  • SVG 里的脚本不会作为可靠转换能力使用，也不建议依赖脚本生成图形。

使用步骤

  1. 上传 SVG 文件，或把 SVG 源码粘贴到输入框。
  2. 点击预览，确认 SVG 可以正常渲染。
  3. 设置导出宽高、倍率、格式、背景和 JPG 质量。
  4. 点击转换，检查右侧结果。
  5. 下载 PNG 或 JPG 文件。

常见场景

这个工具适合把 SVG 图标转 PNG、把 SVG Logo 转透明 PNG、把 SVG 插画转 JPG、把前端 SVG 资源转成社媒图片、把 OpenGraph SVG 封面转成可上传的 PNG/JPG。对于 “SVG 转 PNG”、“SVG 转 JPG”、“svg to png” 这类日常需求，直接在浏览器里转换通常已经足够。