工具哇!

SVG 压缩优化

在线压缩优化 SVG 文件,支持粘贴代码和批量上传,所有参数均可自定义配置

📋
检测到 SVG 内容,正在处理...
SVG 压缩优化
📁
拖拽 SVG 文件到此处
或点击选择文件,支持多选
或直接 Ctrl + V 粘贴 SVG 代码
压缩选项

预设模式

基础清理 全选 取消全选
编辑器数据 全选 取消全选
样式优化 全选 取消全选
结构优化 全选 取消全选
属性清理 全选 取消全选
高级清理 有风险 全选 取消全选
路径与形状优化 全选 取消全选
使用说明

SVG 压缩工具

专业的 SVG 文件优化压缩工具,支持粘贴代码、拖拽上传和批量处理,所有优化参数均可自定义配置。

功能特点

核心功能

  • 粘贴压缩:直接粘贴 SVG 代码,点击按钮即可优化
  • 拖拽上传:将 .svg 文件拖入页面自动压缩
  • 批量压缩:一次处理多个 SVG 文件,支持打包下载
  • 实时预览:压缩前后效果对比
  • 统计信息:显示原始大小、优化后大小、节省空间和压缩率

预设模式

  • 安全模式:仅进行基础优化,保持最大兼容性
  • 均衡模式(推荐):平衡压缩率和兼容性
  • 极限压缩:最大程度优化,可能影响部分显示效果

可配置的优化选项

  • 基础清理:移除 DOCTYPE、XML 声明、注释、title、desc、元数据等
  • 编辑器数据:清理 Inkscape、AI、Figma 等设计软件生成的冗余数据
  • 样式优化:合并/压缩样式、颜色值精简等
  • 结构优化:合并重复组、优化路径数据等
  • 属性清理:移除多余的 class、id、命名空间等属性
  • 高级清理:移除空属性、空容器、隐藏元素等(有风险)
  • 路径与形状:椭圆转圆形、简化渐变、复用相同路径等

人性化设计

  • 参数修改后自动保存,下次访问自动恢复
  • 支持拖拽上传文件
  • 一键复制压缩后的代码
  • 批量操作可单独预览和删除
  • 设置可一键重置为默认值

使用方法

方式一:粘贴代码

  1. 在文本框中粘贴 SVG 代码
  2. 调整右侧压缩选项或选择预设模式
  3. 点击「压缩 SVG」按钮
  4. 复制或下载优化后的代码

方式二:拖拽文件

  1. 将 SVG 文件拖拽到页面区域
  2. 系统自动进行压缩
  3. 查看统计信息并下载

批量压缩

  1. 拖入多个 SVG 文件
  2. 调整压缩选项
  3. 点击「批量压缩」按钮
  4. 查看各文件压缩结果
  5. 单独下载或打包下载所有优化后的文件

注意事项

  • 极限压缩模式可能影响部分 SVG 的显示效果,如不确定请使用均衡模式
  • 移除 viewBox、width/height 可能影响 SVG 在不同容器中的缩放行为
  • 移除 id 属性可能导致 CSS 或 JS 引用失效
  • 压缩前建议备份原始文件