SVG 工具
SVG 优化工具
深度优化和清理SVG文件。移除冗余代码、简化路径、合并形状并生成可直接用于生产环境的SVG输出。
svgoptimizecleansimplifyoptimization
SVG Optimizer
Optimization Options
What is SVG 优化工具?
SVG优化工具是一款全面的在线优化工具，用于清理和精炼可缩放矢量图形（SVG）文件以用于生产Web环境。从Adobe Illustrator、Figma、Sketch和Inkscape等设计应用程序导出的SVG通常包含大量膨胀内容，包括编辑器特定的元数据、未使用的命名空间、冗余组包装、不必要的变换、重复的渐变定义、过度精确的浮点值、未使用的形状元素和编辑器注释——这些都不影响视觉渲染，但都会增加文件大小和解析时间。本SVG优化工具实现了广泛的可配置优化过程管线，包括XML命名空间清理、DOCTYPE和XML声明移除、编辑器元数据剥离、未使用定义和渐变消除、变换折叠和简化、具有整数转换和舍入精度控制的路径数据优化、尽可能合并形状、冗余属性移除、样式到属性转换和组折叠。每个优化过程可以单独切换，允许细粒度控制。工具比较原始和优化的输出，并排显示两者，并详细细分哪些优化过程对大小减小有贡献（以百分比节省和绝对字节数表示）。所有优化完全在浏览器内执行，保证您的SVG设计永远不会离开您的设备。支持多文件批量优化，并提供每文件报告和合并的zip下载。
When to Use SVG 优化工具
用于准备生产SVG资源以获得网站的最佳性能、在代码审查前清理从设计工具导出的SVG、减小组件库中的SVG包大小、优化内联SVG以最小化HTML占用空间，或在进一步转换为React、Vue或其他组件格式之前预处理SVG。
How to Use SVG 优化工具
粘贴SVG代码或上传一个或多个.svg文件。可选通过设置启用或禁用特定优化过程。优化器立即运行，并显示优化前后的文件大小以及详细的节省细分。预览优化后的输出以确认视觉对等，然后复制代码或单独下载文件或作为zip归档下载。