正在准备工作区…
输入
正在准备工作区…
输出
结果将显示在这里。
使用方法
- 粘贴 SVG 源码，或打开 UTF-8 SVG 文件。
- 点击“优化 SVG”，比较预览与字节大小。
- 下载 SVG，或展开“结果”检查并复制标记。
优化矢量标记
除了显示的图形，SVG 还可能包含编辑器元数据和冗长的绘图指令。优化会重写标记，减少不必要的字节。
工具使用 SVGO，坐标精度为三位小数，并保留 viewBox 和 ID。请保留源码，以便在最终环境中比较优化结果。
可能发生的变化
优化可移除元数据并简化绘图指令。三位小数的坐标精度可能略微改变几何形状，对很小或大幅缩放的图形尤其明显。
viewBox 支持响应式尺寸；ID 可能被图形、样式或周围代码引用。此配置会保留它们，而非缩短或移除。
输入
<svg viewBox="0 0 10 10"><metadata>demo</metadata><path d="M0 0 L10 10"/></svg>结果
<svg viewBox="0 0 10 10"><path d="m0 0 10 10"/></svg>简化的标记对比，突出元数据移除与紧凑路径；下载输出还包含 SVG 命名空间。
预览与嵌入
预览将结果作为独立图像加载，不会作为活动页面标记插入。它的行为可能与应用中的内联 SVG 不同。
优化不等于安全净化。内联嵌入不可信 SVG 前请先审查，并测试依赖周围文档的样式、引用和行为。
检查与保存输出
“下载”保存 optimized.svg。展开“结果”可查看生成的源码和“复制”按钮。字节数更少，本身不能证明视觉效果等同。
处理限制
静态 PNG、JPEG 和 WebP：20 MiB、2400 万像素，单边最多 8,192 像素。Base64：2 MiB。SVG：1 MiB。文件检查：1 GiB，仅读取前 256 字节。浏览器编解码支持各不相同。不会上传任何文件。
延伸阅读SVGO · SVG 优化
?
常见问题
优化后的 SVG 可以安全内联嵌入吗？
优化不会净化源码。将 SVG 内联用于应用前，请审查不可信元素、属性、URL 和样式。
会保留 viewBox 和 ID 吗？
会，此配置保留这两项。其他标记仍可能重写，请在目标文档中测试引用与样式。
优化会改变图片吗？
坐标舍入和结构重写可能影响渲染。请比较预览，并在实际使用环境测试文件。
独立预览为什么与页面不同？
图像预览不共享周围页面 CSS，也不具备所有内联 SVG 行为。外部上下文和文档级引用可能影响结果。
“复制”按钮在哪里？
优化后，展开预览下方的“结果”，其中包含生成的 SVG 源码和“复制”按钮。预览上方可使用“下载 SVG”。