网页和图标加载更快
SVG Logo、图标或插画的每个字节都要先下载才能显示。文件越小,手机上加载越快,Core Web Vitals 越好,HTML 和 CSS 里的内联 SVG 也更好管理。页面上有几十个图标时,节省的体积会迅速累积,首屏明显更快。
在浏览器里直接压缩文件的免费 SVG 优化器。拖入 SVG 或粘贴代码,即可去掉编辑器数据、缩短长数字和路径,然后对比体积,并在下载前确认图形外观完全不变。不上传任何内容。
拖入 SVG 文件进行优化
最大 10 MB 的 SVG · 在浏览器里转换,不会上传
SVG 在你的设备上转换,不会上传。文件里引用的外部字体和图片不会被加载。
设计软件保存的远不止图形本身:编辑器设置、元数据、隐藏图层和六位以上小数的数字。这些都不影响你看到的内容,却都占体积。SVG 优化器会自动去掉这些多余内容,图形本身保持不变。
SVG Logo、图标或插画的每个字节都要先下载才能显示。文件越小,手机上加载越快,Core Web Vitals 越好,HTML 和 CSS 里的内联 SVG 也更好管理。页面上有几十个图标时,节省的体积会迅速累积,首屏明显更快。
优化后的 SVG 代码去掉了编辑器命名空间、空分组和未使用的定义,剩下的内容简短易读,方便手动改色、用 CSS 给局部加动画,或把代码粘贴进组件。
电商平台、建站工具和图标库经常限制文件大小。删除不影响图形的数据,是在不改动设计的前提下压到限制以内最稳妥的方法。上传前先用 SVG 优化器处理一遍,往往就能满足 100 KB 或 1 MB 的限制。
很多在线工具只负责缩小文件。这个工具还会告诉你外观有没有变化,让你放心使用结果。
原文件和优化后的文件都会以 512 像素绘制并逐像素比较。没有可见变化时会明确告诉你;如果丢失了细节,会显示差异比例,你可以提高精度。
可以选择保留几位小数、是否保留 ID 名称,以及是否输出带缩进的可读格式。其他一切使用 SVGO 经过验证的默认预设,并始终保留 viewBox 以便自适应缩放。这让 SVG 优化器的结果可预期:同样的文件和设置总是得到同样的输出。
这个 SVG 优化器在你的浏览器中运行开源的 SVGO 引擎,文件从不上传。脚本和外部链接也会一并移除,无需注册、没有水印,也不限次数。
优化通常不到一秒,可以对同一个文件反复尝试不同设置。
把 10 MB 以内的 .svg 文件拖到上方,点“选择 SVG”,或把 SVG 代码粘贴到文本框后点“优化代码”。
查看原始体积、优化后体积、节省比例和 gzip 后大小。如果核对提示有可见变化,就选择更多小数位;图标和 Logo 通常可以尝试更少。两个版本的预览并排显示,你也可以亲眼判断效果。
点“下载优化后的 SVG”保存为 name.min.svg,或点“复制代码”直接粘贴到 HTML、CSS 或组件文件里。
优化器去掉多余数据,这些习惯能去掉其余的部分。与 SVG 优化器配合使用,文件可以小到极致。
描摹出的图形和手绘形状往往包含远多于需要的节点。先在设计软件里简化,再到这里优化,通常比单独做任何一步省得多。节点更少还意味着 Cricut 和激光机切割更顺滑,浏览器渲染也更快。
粘贴进 SVG 的位图会存成很长的 base64 文本,优化器不会重新压缩它。请链接单独的 WebP 或 JPG,或者干脆不要在图标和 Logo 里放照片。如果 Logo 必须包含照片,请在放入前先压缩照片。
用我们的 AI PNG 转 SVG 工具生成的 SVG 在转换时已经清理并优化过,可以直接用于切割机和网站。
PNG 转 SVG →