SVG优化器

在线免费优化SVG文件,去除注释、元数据和冗余代码,快速压缩SVG,无需注册。

免费在线文件转换工具。在 Windows、macOS、Linux、Android 和 iOS 上的 Chrome、Firefox、Safari、Edge、Opera 及其他现代浏览器中运行。无需安装软件或注册。所有转换都直接在您的浏览器中进行,因此您的文件不会离开您的设备。免费使用,无需账户。

SVG优化器

通过删除不必要的代码来压缩和优化SVG文件

将SVG文件拖放到此处或点击选择

SVG优化器功能

清理和压缩SVG文件以加快网页交付速度

删除注释

剥离对用户不可见但增加不必要字节的HTML和XML注释。

剥离元数据

Remove Inkscape, Adobe Illustrator and other editor-specific metadata from SVG files.

压缩标记

在标签之间折叠空白并删除不必要的空格以减少文件大小。

它是如何工作的

SVG优化器直接在您的浏览器中处理SVG文件。当您上传一个SVG时,它解析文件的XML结构。该工具识别并删除不影响视觉输出的注释、元数据和冗余代码。然后,它压缩SVG数据以减少文件大小,同时保持质量。优化后的SVG立即生成并可供下载,无需服务器端处理。

该工具支持标准SVG特性,并遵循SVG规范。它处理各种SVG元素,如路径、形状和样式。输出是一个干净、高效的SVG文件,保留所有基本图形元素。用户可以直接在浏览器中可视化更改,确保无缝的优化体验,无需任何额外的软件安装或配置。

何时使用它

在为网络使用准备图形时,使用SVG优化器。优化后的SVG文件加载更快,提高网站性能和用户体验。这对于可能使用多个SVG的响应式设计特别有用。此外,较小的文件大小有助于降低带宽使用,这对数据计划有限或互联网连接缓慢的用户是有益的。

在处理由设计软件生成的复杂SVG文件时,考虑使用此工具。这些文件通常包含不必要的数据,可能会使文件大小膨胀。通过优化它们,您可以简化您的资产以适应Web应用程序,提高渲染速度。请注意,过于激进的优化可能会改变复杂设计的外观,因此在最终实施之前始终视觉审查输出。

参考资料

  1. Scalable Vector Graphics (SVG) 2 - W3C
  2. Scalable Vector Graphics (SVG) 1.1 (Second Edition) - W3C Recommendation
  3. SVGO - Node.js tool for optimizing SVG files - GitHub (svg)
  4. SVG: Scalable Vector Graphics - MDN Web Docs