如何压缩 SVG 并检查优化前后的差异?
粘贴 SVG 或打开不超过 2 MiB 的 .svg 文件。浏览器 Worker 使用 SVGO 执行优化,可选择多轮处理。下载前请比较原图、结果预览和 UTF-8 字节大小。
具体怎么操作?
- 粘贴 SVG 文档或打开本地 .svg 文件;不接受 DTD 声明。
- 选择是否多轮优化,点击“运行”。
- 比较预览和字节大小,再复制或下载优化结果。
移除冗余编辑器内容
SVGO 可以移除注释、缩短颜色和重写形状;具体序列化结果以采用版本实际输出为准。
输入:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><!-- editor note --><rect width="10" height="10" fill="#0000ff"/></svg>
输出:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path fill="#00f" d="M0 0h10v10H0z"/></svg>什么时候适合使用?
矢量 SVG 使用本工具;JPEG、PNG 和 WebP 使用图片压缩。依赖外部样式、动画、脚本或字体的 SVG 应保留原件并在实际应用中测试。
结果有哪些边界?
优化不等于消毒,不能证明下载的 SVG 在其他上下文中安全。预览使用图片方式,不将 SVG 作为网页元素插入。保留 ID,但 CSS、脚本、字体、动画和外部引用仍需在目标应用检查。
遇到问题怎么办?
| 问题 | 处理方法 |
|---|---|
| 提示 XML 无效。 | 标签不匹配、根元素不是 SVG,或含有 DTD。 提供标签配对正确且不含 DTD 的 SVG。 |
| 文件没有变小或预览不同。 | 已优化文件剩余空间有限,字体和外部依赖也会影响显示。 在实际应用中检查结果,需要时保留原件。 |
常见问题
需要上传内容或注册账号吗?
不需要。处理在当前浏览器中完成;本站只提供页面和所需静态引擎资源。
为什么修改输入后结果消失?
工具会清除旧输出,避免把上次结果误当成新结果。更改输入或设置后,请重新运行。
参考资料
首次发布:根据当前工具界面核对步骤,补充示例和已知限制。