免费在线SVG路径优化器,压缩SVG path数据,移除冗余命令、合并连续指令、精简小数位。无需注册。 | 无需注册 · 数据绝不上传服务器
零依赖·可离线使用压缩SVG path数据,移除冗余命令、合并连续指令、精简小数位
零依赖 · 可离线使用📥 SVG路径数据
📊 优化统计
📋 优化结果
👁️ 预览对比
原始路径
优化后路径
❓ 常见问题
SVG路径优化是什么?
通过移除冗余命令、合并指令、精简小数位压缩path数据,减小体积。
能优化多少?
通常减少20%-60%的path数据体积,取决于原始冗余程度。
优化后会变形吗?
不会。只移除不影响渲染的冗余数据,渲染结果完全一致。
支持哪些命令?
所有SVG path命令:M/L/H/V/C/S/Q/T/A/Z及其小写版本。
绝对和相对坐标哪个更短?
取决于路径特征。相对坐标在连续短距离移动时更短,绝对坐标在远离原点时更短。
数据会上传到服务器吗?
不会。所有优化在浏览器本地完成。
SVG路径优化器能做什么?
SVG路径优化器是一款免费在线开发者工具,通过多种优化策略压缩SVG path的d属性数据。支持移除冗余命令字母、合并连续相同命令、精简小数位数、移除多余闭合路径、绝对/相对坐标转换等。优化后渲染结果完全一致,通常可减少20%-60%的数据体积。适用于SVG图标优化、网页性能优化、SVG文件压缩等场景。所有处理在浏览器本地完成。
核心功能
- 移除冗余命令:连续相同命令省略命令字母
- 精简小数位:按指定精度截断小数
- 移除零值:去掉.0后缀和前导零
- 合并命令:将L转为H/V等更短命令
- 坐标转换:绝对/相对坐标互转
使用教程
1. 在输入框粘贴SVG path的d属性值。
2. 调整优化选项(精度、合并命令等)。
3. 点击"优化路径"查看压缩结果和统计。
4. 对比预览确认渲染一致,复制或下载结果。
应用场景
场景1:SVG图标优化
设计师导出的SVG图标通常包含冗余数据,优化后可显著减小文件体积。
场景2:网页性能
减少SVG内联数据体积,加快页面加载和渲染速度。
场景3:SVG字体
优化SVG字体中的路径数据,减小字体文件体积。
扩展知识
SVG path的d属性使用命令字母+坐标参数描述路径。大写字母为绝对坐标,小写为相对坐标。优化原理:连续相同命令可省略后续命令字母(如L 10 20 L 30 40 → L 10 20 30 40);小数按精度截断(10.0001→10);整数去掉.0(10.0→10);前导零可省略(0.5→.5);L命令当y坐标不变时可转为H,x不变时转为V。这些优化不影响渲染结果。