SVG 优化
选择静态 SVG 文件或粘贴代码进行优化。比较优化前后的显示效果、代码和文件大小,然后复制结果或将其保存为 SVG。
功能介绍
优化 SVG 文件大小
清理注释、编辑软件的元数据、数值表示形式及其他内容。
对比前后结果并保存
比较显示效果、代码和文件大小,然后复制或保存优化后的 SVG。
使用方法
输入 SVG
选择 1 个 SVG 文件或粘贴代码。
按需调整设置
在高级设置中检查小数精度和要移除的信息。通常可以先使用默认值。
比较显示效果和文件大小
运行优化,并检查外观、代码和文件大小的变化。
保存优化后的 SVG
复制结果代码或将其下载为 SVG 文件。
适用场景
减小徽标和图标文件大小
发布到网上前清理 SVG,并检查外观与文件大小之间的平衡。
清理编辑信息
按需移除编辑软件元数据和注释,然后保存。
优化 SVG 时的检查事项
分别处理元数据和显示效果
可以移除编辑软件信息和注释。根据设置保留标题、描述等内容。
小数精度变化可能导致形状变化
坐标和其他数值的小数舍入可能改变细微轮廓或位置。请比较处理前后的结果。
还要检查目标位置的 CSS 和引用
ID 和 viewBox 会保留,但代码会经过清理。如果使用外部 CSS 或类似引用,请检查 SVG 在实际发布位置的显示效果。
支持静态 SVG
包含脚本、外部引用、嵌入图像或动画的 SVG 不在支持范围内。支持 SVG 内部包含的引用。
常见问题
文件大小一定会减小吗?
对于已优化的 SVG,文件大小可能保持不变或增加。请根据处理后的文件大小进行判断。
外观会保持不变吗?
外观可能会因小数精度等设置而变化。请检查处理前后的预览,以及发布位置的显示效果。
也可以检查原始代码吗?
在结果中打开“优化前的代码”,即可检查本次处理前的内容。
文件处理
- 输入
- 使用 UTF-8 编码的静态 SVG。不会覆盖原始文件。
- 输出
- 优化后的 SVG 代码和 .min.svg 文件。