StyleSVG

SVG 优化器

在浏览器里直接压缩文件的免费 SVG 优化器。拖入 SVG 或粘贴代码,即可去掉编辑器数据、缩短长数字和路径,然后对比体积,并在下载前确认图形外观完全不变。不上传任何内容。

拖入 SVG 文件进行优化

最大 10 MB 的 SVG · 在浏览器里转换,不会上传

选择 SVG

SVG 在你的设备上转换,不会上传。文件里引用的外部字体和图片不会被加载。

从矢量编辑器保存、带元数据的徽章图标
优化前:带元数据和长小数的编辑器导出文件,3.7 KB。
同一个徽章图标优化后外观一致 | SVG 优化器
优化后:1.1 KB(减小 71%,gzip 后 494 字节),外观不变。

为什么要压缩 SVG 文件?

设计软件保存的远不止图形本身:编辑器设置、元数据、隐藏图层和六位以上小数的数字。这些都不影响你看到的内容,却都占体积。SVG 优化器会自动去掉这些多余内容,图形本身保持不变。

网页和图标加载更快

SVG Logo、图标或插画的每个字节都要先下载才能显示。文件越小,手机上加载越快,Core Web Vitals 越好,HTML 和 CSS 里的内联 SVG 也更好管理。页面上有几十个图标时,节省的体积会迅速累积,首屏明显更快。

代码更干净,更易编辑

优化后的 SVG 代码去掉了编辑器命名空间、空分组和未使用的定义,剩下的内容简短易读,方便手动改色、用 CSS 给局部加动画,或把代码粘贴进组件。

满足上传大小限制

电商平台、建站工具和图标库经常限制文件大小。删除不影响图形的数据,是在不改动设计的前提下压到限制以内最稳妥的方法。上传前先用 SVG 优化器处理一遍,往往就能满足 100 KB 或 1 MB 的限制。

为什么用这个 SVG 优化器?

很多在线工具只负责缩小文件。这个工具还会告诉你外观有没有变化,让你放心使用结果。

每次优化后都核对外观

原文件和优化后的文件都会以 512 像素绘制并逐像素比较。没有可见变化时会明确告诉你;如果丢失了细节,会显示差异比例,你可以提高精度。

简单、安全的设置

可以选择保留几位小数、是否保留 ID 名称,以及是否输出带缩进的可读格式。其他一切使用 SVGO 经过验证的默认预设,并始终保留 viewBox 以便自适应缩放。这让 SVG 优化器的结果可预期:同样的文件和设置总是得到同样的输出。

私密、免费、不限次数

这个 SVG 优化器在你的浏览器中运行开源的 SVGO 引擎,文件从不上传。脚本和外部链接也会一并移除,无需注册、没有水印,也不限次数。

3 步优化 SVG

优化通常不到一秒,可以对同一个文件反复尝试不同设置。

1

添加 SVG

把 10 MB 以内的 .svg 文件拖到上方,点“选择 SVG”,或把 SVG 代码粘贴到文本框后点“优化代码”。

2

对比并调整

查看原始体积、优化后体积、节省比例和 gzip 后大小。如果核对提示有可见变化,就选择更多小数位;图标和 Logo 通常可以尝试更少。两个版本的预览并排显示,你也可以亲眼判断效果。

3

下载或复制

点“下载优化后的 SVG”保存为 name.min.svg,或点“复制代码”直接粘贴到 HTML、CSS 或组件文件里。

让 SVG 文件更小的小技巧

优化器去掉多余数据,这些习惯能去掉其余的部分。与 SVG 优化器配合使用,文件可以小到极致。

导出前先简化路径

描摹出的图形和手绘形状往往包含远多于需要的节点。先在设计软件里简化,再到这里优化,通常比单独做任何一步省得多。节点更少还意味着 Cricut 和激光机切割更顺滑,浏览器渲染也更快。

避免内嵌照片

粘贴进 SVG 的位图会存成很长的 base64 文本,优化器不会重新压缩它。请链接单独的 WebP 或 JPG,或者干脆不要在图标和 Logo 里放照片。如果 Logo 必须包含照片,请在放入前先压缩照片。

从干净的矢量开始

用我们的 AI PNG 转 SVG 工具生成的 SVG 在转换时已经清理并优化过,可以直接用于切割机和网站。

PNG 转 SVG →

SVG 优化器常见问题

准备好压缩你的 SVG 了吗?

打开 SVG 优化器