UD5工具箱
常见问题
Q：SVG优化后文件大小能减少多少？
A：压缩率取决于原始SVG文件的内容和来源。从Figma、Illustrator等设计工具直接导出的SVG文件通常包含大量冗余属性和元数据，优化后一般可以减少40%到70%的体积。如果SVG中还包含大量可合并的独立路径，开启路径合并功能后压缩率可达80%以上。我们测试中最高的压缩案例是从1.2MB压缩到89KB，压缩率超过92%。
Q：SVG文件为什么这么大？主要原因是什么？
A：SVG文件过大的原因通常有以下几个：一是设计工具导出时会保留编辑器专属的属性和元数据（如Illustrator的「ixn」命名空间和「data-name」属性），这些对Web渲染完全无用；二是坐标值精度过高，设计工具默认保留6位小数，而视觉上2位小数已经足够；三是设计稿中的复杂图形被拆分为大量独立路径，增加了DOM节点数量和代码体积。
Q：精度设置选多少合适？会影响视觉效果吗？
A：大多数场景下选择默认的2位小数即可，此时视觉效果与原始SVG完全一致，肉眼无法分辨差异。如果您追求极致的压缩效果，可以尝试1位小数，对于大部分图标类SVG来说视觉差异仍然不可见。但对于包含精细曲线的大型插图，建议保留2位或3位小数以确保曲线过渡的平滑性。3位和4位小数通常用于对精度要求极高的工程制图场景。
Q：优化后的SVG在所有浏览器中都能正常显示吗？
A：是的。我们的SVG代码优化器采用保守的优化策略，只移除对渲染没有实际贡献的冗余属性和元数据，不会修改或删除任何影响渲染的属性。优化后的SVG代码完全兼容Chrome、Firefox、Safari、Edge等主流浏览器，也支持移动设备上的浏览器。对于IE11等旧版浏览器，优化后的SVG同样可以正常渲染SVG 1.1标准的内容。
Q：和SVGO相比有什么优势？
A：SVGO是一款优秀的开源命令行SVG优化工具，但它需要安装Node.js环境并配置命令行参数，对于非技术用户有一定门槛。我们的在线SVG优化器零配置、零安装，打开浏览器即可使用，还提供可视化预览对比功能。对于偶尔需要优化SVG的设计师和内容创作者来说更加友好。对于需要集成到自动化构建流程中的开发者，SVGO仍然是更合适的选择。
Q：路径合并功能是什么？什么时候需要开启？
A：路径合并是将SVG中多个独立的path元素合并为一个单一路径的功能。设计工具导出的图标通常将每个形状拆分为独立的path，导致一个简单图标可能包含几十个path元素。合并后可以显著减少DOM节点数量，提升渲染性能并进一步减小文件体积。建议在以下场景开启：图标类SVG、不需要后续逐路径编辑的SVG。以下场景建议关闭：包含SVG动画的文件、需要通过CSS单独控制各路径样式的文件。
Q：我的SVG文件安全吗？会不会被上传到服务器？
A：您的SVG文件完全安全。本工具采用纯前端技术架构，所有SVG代码解析、属性分析和优化操作均在您的浏览器本地完成，文件数据不会被上传、传输或存储在任何服务器上。优化完成后关闭页面，所有临时数据都会被自动清除。您可以放心处理包含商业机密或敏感信息的设计文件。
Q：支持多大的SVG文件？有没有数量限制？
A：单个SVG文件大小不超过5MB即可正常优化。对于批量处理模式，单次最多支持20个文件同时优化。如果您的SVG文件非常大（超过5MB），可能是因为包含了内嵌的位图数据（如base64编码的图片），建议先将位图外置后再进行SVG优化。没有每日使用次数限制，您可以随时使用。
Q：优化可以撤销吗？如果效果不满意怎么办？
A：SVG优化器提供完整的预览对比功能，您可以在执行优化后、下载结果前查看优化前后的差异。如果对优化效果不满意，可以随时调整参数重新优化。此外，我们建议在优化前保留原始SVG文件的副本。由于所有操作都在本地浏览器中进行，刷新页面即可恢复到初始状态，不会丢失您的原始文件。
Q：包含动画的SVG文件能优化吗？
A：可以优化，但需要谨慎操作。对于包含SMIL动画（animate、animateTransform等元素）或CSS动画的SVG文件，优化器会自动保留动画相关的属性和元素结构。但我们建议在此场景下关闭「路径合并」选项，因为合并操作可能会改变元素的层级结构，影响动画的触发和执行。建议先用默认参数优化，然后在预览中确认动画效果是否正常。