Loading...
Loading...
SVG 优化器
粘贴 SVG 标记，工具会通过移除注释、元数据、编辑器专属命名空间以及多余空白来为它瘦身——这些往往是 Illustrator、Inkscape 等绘图软件留下的冗余。它把源代码压缩成紧凑形式，同时保留可见的图形数据，并报告优化前后的字节大小及节省百分比。结果是一个更精简、加载更快、内联到 HTML 或 CSS 时也更干净的文件。
优化是保守的——它只清除冗余而不会重新编码路径几何，因此渲染出的图像完全不变。如果你的 SVG 依赖某个编辑器命名空间以便回到设计工具继续编辑，请保留原始副本，因为该信息会被移除。
剥离设计工具添加的注释、元数据块和专有命名空间，这些都是浏览器根本不需要的。
去掉元素之间多余的空格与换行，在不改变渲染的前提下缩小文件。
并排显示原始与优化后的字节数，让效果具体可量。
计算输出体积缩小了多少，便于在构建或资源流程中说明替换的价值。
把原始 SVG 标记粘贴到输入框。
运行优化器，剥离注释、元数据与多余空白。
对比优化前后的字节大小以及节省百分比。
把优化后的标记复制到项目中，若日后可能再编辑请保留原件。
清理导出的图标，使其足够小，可直接嵌入组件或 HTML。
移除 Illustrator 或 Inkscape 给每次导出都添加的元数据和命名空间。
用节省百分比量化一套图标给页面带来了多少体积负担。
工具扫描标记以丢弃注释、元数据节点和编辑器命名空间，再折叠周围的空白，并测量前后两个字节长度用于对比。
你的 SVG 完全在浏览器中处理，标记绝不会上传，即使是未发布的作品也只停留在你的设备上。
优化是一次字符串处理遍历，因此即使是精细图标也能瞬间完成，无需与服务器往返。