如何使用
- 点击“加载示例 SVG”查看一个带冗余元数据的设计导出图标如何被精简，或拖入自己的
.svg文件。 - 也可以把从 Figma、Illustrator、Sketch 或代码仓库复制的原始
<svg>代码粘贴到输入框。 - 选择“标准”进行更稳妥的默认优化；需要进一步减小体积时，再切换到“激进”。
- 查看“原始体积”“优化后体积”和“已节省”，并用右侧预览确认图形没有明显变化。
- 点击“复制 SVG 代码”用于 HTML、React 或图标组件，或点击“下载 SVG”保存优化文件。
示例场景：把设计工具导出的品牌图标粘贴进工具，确认节省比例和预览效果后，复制精简后的内联 SVG 用于网页导航栏或按钮图标。
核心功能
- SVGO 驱动的 SVG 压缩：使用浏览器端 SVGO 精简矢量标记，去除元数据、空分组和可压缩属性。
- 清理 Figma / Illustrator 导出代码：适合把设计工具导出的冗长 SVG 变成更适合上线的图标代码。
- 即时体积对比：载入后显示原始体积、优化后体积和节省比例，快速判断是否值得替换资源。
- 复制代码或下载文件：一键复制优化后的
<svg>标记，也可以下载新的.svg文件。 - 本地处理保护设计资产：文件读取、SVGO 优化、预览和导出都在当前浏览器内完成，不上传图标、Logo 或未公开插画。
相关工具
图片标注模糊？EasyTools 提供支持 SVG 无损缩放与 WebP 高效导出的通用盖章工具。保留 PNG 透明背景，一键导出 JSON 坐标数据。浏览器本地处理，隐私安全，全格式兼容。
将照片或像素画转成可编辑拼豆图纸，支持品牌参考色、用量统计、PNG、CSV 与 1:1 PDF 导出；全程浏览器本地处理。
在浏览器本地按像素或常用预设调整图片尺寸，锁定比例、预览输出并下载结果，无需上传照片。
在浏览器本地批量转换 WebP、JPG、PNG 等图片格式，支持拖拽、质量控制、预览和下载，无需上传图片，没有人为文件大小限制。
将 PNG、JPG、WebP 图片转换为多尺寸 ICO favicon。使用浏览器 Canvas 本地处理，不上传设计文件，生成后即可下载。
将 SVG 矢量图转换为透明背景 PNG。支持批量拖拽、1x/2x/4x/8x 高清缩放，所有读取、渲染和下载都在浏览器本地完成。
在浏览器中将 iPhone 的 HEIC 照片批量转换为 JPG 格式。100% 保护隐私，不限制文件大小和转换张数，所有处理全在您的设备上本地完成。
完全在浏览器本地运行的 Adobe Illustrator (.ai) 转换器。支持免安装软件将 AI 文件转换为 PDF、JPG 或 PNG 格式。100% 隐私安全，不上传服务器。
计算逻辑
SVG 优化不是把矢量图转成位图，而是清理 XML 矢量标记本身。本工具调用运行在浏览器端的 SVGO，常见处理包括删除编辑器元数据、合并无意义分组、移除空属性、压缩路径和舍入坐标。
“标准”模式偏向稳妥，适合大多数图标和插画；“激进”模式会启用多轮优化并使用更短数值精度，体积可能更小，但极复杂路径可能出现细微视觉差异。工具不会栅格化 SVG，优化后仍然是可复制、可下载的矢量代码。
常见问题
如何减小 SVG 文件体积？
最常见的方法是移除设计工具写入的元数据、空分组、冗余属性和可压缩路径。本工具会用 SVGO 在浏览器里执行这些优化，并显示节省比例。
如何清理 Figma 导出的 SVG 代码？
把 Figma 导出的 .svg 文件拖入工具，或直接粘贴 <svg> 代码。建议先用“标准”模式检查结果，确认预览正常后再复制或下载。
SVG 压缩会降低图片质量吗？
通常不会。SVG 是矢量标记，SVGO 主要移除不可见的元数据和冗余结构。不过极复杂路径在“激进”模式下可能出现细微变化，建议先看预览再替换生产资源。
这个工具会上传我的图标或插画吗？
不会。文件读取、SVGO 优化、预览、复制和下载都在浏览器本地完成。
可以把优化后的 SVG 直接用于 HTML 吗？
可以。“复制 SVG 代码”会复制完整的 <svg> 标记，适合内联到 HTML、React 组件或图标系统。
它能把 PNG 或 JPG 转成 SVG 吗？
不能。这个工具只优化已有 SVG 矢量代码，不执行位图转矢量。