SVG 优化器 thumbnail

SVG 优化器

优化并减小 SVG 文件的尺寸。

Checking status...

关于 SVG 优化器

移除不必要的代码数据,在不影响显示的精度下减小 SVG 文件大小。我们的优化器通过删除注释、冗余分组和简化路径坐标,显著提高网页加载速度和矢量资产的传输效率。

如何使用

  1. 将您的 SVG 文件拖入上传区域或粘贴源代码。
  2. 调整“小数精度”滑块(通常 2-3 位即可达到画质与体积的完美平衡)。
  3. 勾选“多波次优化”以获取极致的压缩效果。
  4. 点击“下载优化后的 SVG”获取干净、高效的代码文件。

常见使用场景

  • 清理从 Adobe Illustrator 或 Sketch 导出的带有大量冗余元数据的 SVG。
  • 减少网站上使用的 SVG 图标总体积,提升首屏渲染速度。
  • 通过简化路径坐标来优化那些用于复杂动画的矢量路径。

技术细节

基于 SVGO 的核心优化规则,执行一系列路径简化、变换属性合并和各种 XML 压缩,确保导出的代码最小化且仍然合法可用。

常见问题

什么是多波次优化?
该选项会将优化算法反复运行,直到文件体积不再减小,能更彻底地挖掘可以压缩的空间。
优化后图像会变形吗?
只要将“小数精度”保持在合理范围内(如 2 以上),图形肉眼可见的细节几乎不会有任何改变。
SVG 优化通常可以减少多少文件大小?
典型的优化可以将 SVG 文件减小 20-70%,具体取决于源文件中有多少冗余元数据。从 Adobe Illustrator 或 Figma 导出的 SVG 通常包含大量工具特有的元数据,优化效果最为显著。
SVGO 会改变 SVG 的外观吗?
SVGO 的保守默认设置不应改变视觉输出。某些激进的优化(如合并路径或简化变换)有极小概率改变某些边缘案例的渲染。预览优化后的 SVG 以确认外观符合预期是个好习惯。
为什么手工编写的 SVG 比导出的更小?
设计工具(Illustrator、Figma 等)导出的 SVG 包含工具版本、图层名称、网格设置和其他人类可读的元数据,对浏览器渲染来说是不必要的。手工编写的 SVG 只包含所需的路径数据,因此更小。
SVG优化是否会影响aria-label等SEO或无障碍属性?
默认情况下,SVG优化工具会保留无障碍属性,包括aria-label、aria-labelledby、aria-hidden、role以及title元素,因为这些对屏幕阅读器和SEO非常重要。「删除元数据」选项会删除description和title元素——仅对纯装饰性SVG使用此选项。所使用的优化引擎SVGO应用了一套可配置的插件集;你可以单独检查和切换每个优化步骤,确保SVG文件中的无障碍属性不会被意外删除。

本地处理

本地文件、文本和图表工具通过 JavaScript、浏览器 API 以及必要时使用的 WebAssembly 在您的设备上处理内容。使用事件不包含文件名、文件内容、输入文本、图表数值、原始错误、电子邮箱或许可证引用。DNS、WHOIS、IP 和测速等网络工具会为其功能访问外部服务。加载网站、字体、库和模型也会产生网络请求。WebAssembly 本身并不能阻止网络访问。