ToolsOnline

在线 SVG 代码编辑器

校验、预览并优化 SVG 源码,统计尺寸与体积

宽
—
高
—
源码体积(原)
—
源码体积(优化后)
—

      

SVG 代码编辑器说明

左侧粘贴 SVG 源码,编辑器用 DOMParser 按严格 XML 解析,语法错误会直接显示错误消息;右侧实时渲染预览,方便边改边看。解析出的宽高与源码字节数(UTF-8)也会同步统计。

点击「优化」可一键清理代码:移除注释、把属性值里的数字四舍五入保留 2 位小数、删除纯空白的文本节点,并显示优化前后的体积对比。优化后的代码可一键复制。整个过程都在浏览器本地完成,SVG 内容不会上传。