优化 SVG
选择 SVG 文件或粘贴代码。工具会清理浏览器用不到的内容,并显示缩小了多少以及前后预览。
使用方法让 SVG 更轻量
选择或拖入 SVG 文件
广告
优化 SVG: 用途
选择一个或多个 SVG,或粘贴代码。工具会删除注释、XML 声明、元数据、Inkscape、Sodipodi 和 Illustrator 的数据、空分组和空格,清除未使用的 id,并把坐标取整到 0 至 3 位小数。为了无障碍,可以保留 title 和 desc。
查看前后大小和并排预览,可逐个下载,也可打包为 .zip 下载全部。
使用方法
- 选择 SVG 文件或粘贴代码。
- 选择小数位数和要删除的内容。
- 查看预览并下载优化后的 SVG。
使用场景
- 从 Figma 和 Illustrator 导出的图标和 Logo。
- 让网站更轻量。
- 在直接嵌入 HTML 之前清理 SVG。
常见问题
会删除哪些内容?
注释、XML 声明、DOCTYPE、元数据、Inkscape、Sodipodi 和 Illustrator 的数据、编辑器属性、未使用的 id(可选)、空分组和多余的空格。坐标会按您选择的小数位数取整。
应该保留几位小数?
对于图标和 Logo,保留 1 或 2 位小数在屏幕上通常看不出差别。对于非常精细的图形,或 viewBox 很小的小图,请使用 3 位。请在预览中核对:如果图形变形,就增加小数位数。
真的免费吗?
是的,100%免费。无需注册,无需订阅,不限使用次数。所有工具:Tools123是免费的。