✂️ SVG路径优化器

免费在线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文件压缩等场景。所有处理在浏览器本地完成。

核心功能

使用教程

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。这些优化不影响渲染结果。

SVG路径优化器 | 无需注册 · 数据绝不上传服务器

问题反馈: dexshuang@google.com