跳到正文
Image Toolkit

SVG 优化器

在本地优化 SVG 标记,比较文件大小,并在下载前查看渲染结果。

在你的设备上运行 无需注册
本地开发者工具

使用方法

  1. 01

    准备您的源文件

    选择支持的源图片,或在工具提供时从文本模板开始。

  2. 02

    调整结果

    在您的浏览器中使用 SVGO 优化静态 SVG。设置小数精度,比较源文件和输出大小,并检查优化后的渲染。脚本、外部资源、嵌入式 HTML 和动画会被此静态图片工作区拒绝。

  3. 03

    查看并下载

    检查完整的预览和输出设置。下载完成的资源,同时保留原始文件以供对比。

关于此工具

使用 SVG 优化器创建

在本地优化 SVG 标记,比较文件大小,并在下载前查看渲染结果。

在您的浏览器中使用 SVGO 优化静态 SVG。设置小数精度,比较源文件和输出大小,并检查优化后的渲染。脚本、外部资源、嵌入式 HTML 和动画会被此静态图片工作区拒绝。

获得更好结果的技巧

  • 降低数值精度可能会影响精细形状。优化器保留 viewBox 并避免 ID 清理。在预期的尺寸下查看输出,并保留源文件以供稍后编辑。
  • 在检查结果之前保留原始文件。
  • 在预期的显示尺寸下检查小文本和精细边缘。
  • 图像处理在您的浏览器中进行。关闭标签页前请下载结果。该工具不会覆盖您的原始文件。

常见问题

如何使用 SVG 优化器? +

选择支持的源图片,或在工具提供时从文本模板开始。在您的浏览器中使用 SVGO 优化静态 SVG。设置小数精度,比较源文件和输出大小,并检查优化后的渲染。脚本、外部资源、嵌入式 HTML 和动画会被此静态图片工作区拒绝。

优化会改变 SVG 的外观吗? +

降低数值精度可能会影响精细形状。优化器保留 viewBox 并避免 ID 清理。在预期的尺寸下查看输出,并保留源文件以供稍后编辑。

我的输入在哪里处理? +

图像处理在您的浏览器中进行。关闭标签页前请下载结果。该工具不会覆盖您的原始文件。

我可以使用哪些文件? +

接受的输入:SVG。可用输出:SVG。浏览器解码支持和所选输出设置决定了哪些源文件可以被处理。

需要账户吗? +

此工具无需账户。您可以在保存到设备前查看输出结果。

相关工具