免费 SVG 优化器
在浏览器中即可立即将 SVG 文件大小减少高达 70%。由 SVGO 提供技术支持。无需上传,无需注册,且不会损失画质。
把你的SVG文件拖到这里
或点击浏览——仅限 SVG 文件
更小的 SVG 文件,相同的视觉输出
从 SVG 文件中去除冗余的元数据、注释和编辑器痕迹,而不改变任何一个可见像素。
尺寸最多可缩小70%
移除未使用的元数据、编辑注释、隐藏元素和冗余属性。通常情况下,徽标文件大小可减少 40% 至 70%。
由 SVGO 提供技术支持
使用为浏览器编译的行业标准 SVGO 库——与大多数 SVG 工具链背后的优化器相同。
前后差异视图
并排查看原始 SVG 代码和优化后的 SVG 代码。下载前请确认具体删除了哪些内容。
100% 私密 — 从未上传
SVG 优化完全在浏览器中进行。您的文件绝不会离开您的设备。
视觉预览
将原始 SVG 和优化后的 SVG 并排渲染,确认视觉输出完全一致后再保存。
可配置优化
切换特定的 SVGO 通道——移除元数据、清理 ID、折叠组等等——以适应您的使用场景。
谁在使用 SVG 优化器
在网络上发布 SVG 并关注加载性能的开发人员和设计师。
网站性能
减少内联 SVG、图标和徽标的有效负载,以加快页面加载速度并改善核心 Web 指标。
- 压缩图标库 SVG
- 减小英雄标志文件大小
- 优化内联 SVG 精灵图
设计系统资产
清理从 Figma、Illustrator 和 Sketch 导出的 SVG 文件——在将其应用到设计系统之前,删除特定于编辑器的元数据。
- 从导出文件中移除 Figma 元数据
- 清理 Illustrator ID 和注释
- 对组件库中的 SVG 进行规范化
电子邮件和嵌入式图形
较小的 SVG 文件在电子邮件客户端和嵌入式图形中加载速度更快,从而提高了送达率和渲染速度。
- 优化电子邮件标题的 SVG 徽标
- 减少嵌入式图表 SVG 有效载荷
- 清理导出的数据可视化SVG
如何通过 3 个步骤优化 SVG
请将您的 SVG 文件拖放到上传区域或点击浏览。我们只接受 SVG 文件。
查看文件大小减少情况、视觉预览对比,还可以选择查看更改内容的差异。
点击下载,即可获得一个干净、压缩后的 SVG 文件,可直接添加到您的项目中。
常见问题解答
关于在线优化 SVG 文件的常见问题。
优化 SVG 会改变它的外观吗?
几乎所有情况下都不需要。SVGO 会移除编辑器元数据、冗余属性以及对渲染没有影响的未使用元素。对于复杂的动画或包含 JavaScript 的 SVG,请查看修改前后的预览,以确认输出结果是否一致。
我的SVG文件是否已上传到服务器?
不。所有优化都完全在您的浏览器中使用 SVGO 浏览器版本完成。您的文件绝不会离开您的设备。
SVGO 实际移除的是什么?
根据您的设置,SVGO 可以移除:编辑器注释、未使用的命名空间声明、默认属性值、空组、隐藏元素、冗余路径等等。您可以根据需要切换单个步骤以保留特定属性。
文件大小预计会减少多少?
使用 Figma 或 Illustrator 制作的典型徽标和图标可以缩小 40% 到 70%。简单的手工编写的 SVG 文件缩小幅度可能更小。嵌入了大型 base64 图片的 SVG 文件不会大幅缩小,因为图像数据本身没有被修改。