DevKit源码

SVG 预览与优化

SVG 源码安全预览、体积优化与前后差异对比。

⌘/Ctrl + Enter 优化
压缩空白
保留 viewBox
删除 title/desc
小数位
未执行安全预览:不执行脚本、不加载外部资源

拖入文件,或点击选择

拖入 .svg 文件(≤5MB),内容保留在本地

当前单文件限制 5.00 MB

SVG 源码
字符 0字节 0行 0
安全预览不执行脚本不加载远程资源

解析成功后在此预览(不执行脚本、不加载远程资源)

优化结果
字符 0字节 0行 0
预览与优化的边界

安全预览

  • 检测到 <script><foreignObject>on* 事件属性或远程 href/xlink:href(非 #/data: 开头)时,阻断预览,源码保持原样,仅可查看与定位。
  • 只有未检测到上述内容时才用 img data URL 渲染:不执行脚本、不加载远程资源;优化输出始终是纯文本处理,不会执行任何内容。
  • 预览在隔离容器中渲染,与浏览器最终渲染可能略有差异。

优化选项

  • 坐标小数位只对几何属性与路径数据取整;1.500 → 1.5 不损失精度,因此不触发“改变视觉”提示。
  • 关闭「保留 viewBox」或坐标精度下降(如 12.345678 → 12.35)会真实改变渲染,横幅会明确提示并给出「保留 6 位小数」。
  • title/desc 影响可访问性,默认不移除,需显式选择。
  • 字节数为 UTF-8 真实统计;优化后变大时会给出提示。

什么时候用「SVG 预览与优化」

从图标库拿到的 SVG 体积偏大,或怀疑文件里带了脚本,想先看清再优化。

使用要点

  • 安全预览:可疑脚本不会被当作页面脚本执行。
  • 优化后可对比前后体积与差异。
  • 适合压缩图标、清理编辑器留下的冗余属性。

相关工具

SVG 预览与优化与其他 44 个工具一样,全部计算都在你的浏览器里完成:输入、密钥与文件不会发送到服务器,页面首次加载后可离线使用。