SVG优化器
通过删除不必要的代码来压缩和优化SVG文件
将SVG文件拖放到此处或点击选择
SVG优化器功能
清理和压缩SVG文件以加快网页交付速度
剥离对用户不可见但增加不必要字节的HTML和XML注释。
Remove Inkscape, Adobe Illustrator and other editor-specific metadata from SVG files.
在标签之间折叠空白并删除不必要的空格以减少文件大小。
如何优化SVG文件
SVG files created by design tools like Inkscape or Illustrator often contain editor-specific metadata, comments, and unused attributes. Our optimizer removes this excess data.
常见问题
为什么设计工具生成的SVG文件如此庞大？
Design tools like Inkscape and Adobe Illustrator add editor-specific metadata to SVG files.
这包括软件版本信息、文档历史和编辑器偏好设置。
这些数据在编辑器中很有用，但在网络上提供SVG时会增加不必要的字节。
删除SVG元数据是否安全？
是的，出于网页显示目的，删除元数据是安全的。
优化后SVG的视觉输出将保持不变。
Keep a backup of the original if you need to re-edit in Inkscape or Illustrator later.
典型的大小减少是多少？
SVGs exported from Inkscape can often be reduced by 20-60%.
简单图标可能会看到较小的减少，而包含大量元数据的复杂插图则会看到更多。
结合多种优化选项可获得最佳效果。
优化会破坏我的SVG动画吗？
我们的优化器仅删除元数据、注释和空属性——不删除动画代码。
SVG中的CSS动画和SMIL动画将被保留。
下载后在浏览器中测试优化后的SVG以验证动画是否正常工作。
我可以为React或Vue项目优化SVG图标吗？
是的，优化后的SVG在JavaScript框架中用于内联时更小且更干净。
删除自动生成的ID有助于防止在页面上使用多个SVG时发生ID冲突。
为了获得最佳效果，将此工具与SVGR结合使用以生成React组件。
此工具支持批量SVG优化吗？
目前该工具一次处理一个SVG。
下载优化后的文件后，单击重置以优化另一个。
计划在未来的更新中支持批量优化。
此工具在移动设备上工作吗？
是的，该工具完全响应并在移动浏览器上工作。
所有处理都在浏览器中完成，因此无需上传。
即使在移动设备上，大型SVG文件也能立即处理。
我的SVG数据是私密的吗？
完全私密。您的SVG文件从未发送到任何服务器。
所有优化都在您的浏览器中使用JavaScript本地运行。
页面加载后，您甚至可以离线使用此工具。