审计 SVG 的 viewBox、尺寸、脚本、外部引用、样式、ID、class、title 和 desc。
- 本地处理
- 分类 图片
- 适合 分享前检查文件类型、大小、元数据和明显不匹配信号。
文件会在浏览器本地解析, 不会上传。限制: 单批 25 个文件 / 100 MB, 单个文件 60 MB。
SVG 资源审计
上传 SVG 后检查 viewBox、尺寸、脚本、外部引用、内联样式、ID、class 和无障碍标签。
输出
这个工具能做什么
SVG 资源审计器会把上传的 SVG 当源码检查, 输出简洁 Markdown 报告。报告包含 width、height、viewBox、元素数量、script 标签、事件处理器、外部 href 或 src、foreignObject、内联样式、style 块、ID、class、title 和 desc 标签。它适合把图标放进设计系统前、把供应商 logo 嵌入网站前、接收外包 SVG 前、排查资源上线后缩放异常前使用。报告能帮助你判断是否存在安全、可访问性、离线可用性或 CSS 命名污染问题。工具只负责检查, 不做清理或净化, 但会给设计师和开发者足够信号, 再决定是否进入优化器或手动清理。
工具细节
- 输入
- 文件 + 文本 + 数值
- 页面会根据工具类型展示文本框、数值控件、文件选择或结构化输入。
- 输出
- 即时结果 + 复制 + 下载
- 结果区优先给出可操作结果,支持项会显示复制、下载或可视化预览。
- 隐私
- 浏览器本地处理
- 主工具逻辑未发现外部 API 调用,输入通常留在当前标签页内处理。
- 保存 / 分享
- 免账号使用
- 打开页面即可使用;刷新后是否保留结果取决于具体工具。
- 性能预算
- 首屏 JS ≤ 78 KB
- 没有声明 WASM 依赖,适合快速打开和移动端使用。
- 适用场景
- 图片 · 程序员
- 分类和职业标签用于推荐相关工具、组织内链,并帮助用户快速判断是否适合当前任务。
怎么用
-
1. 输入
把内容粘贴或拖入工具面板。
-
2. 处理
点击按钮,在浏览器内本地处理,文件不上传。
-
3. 复制 / 下载
一键复制结果或下载到本地。
SVG 资源审计 适合怎么用
适合在上传、交付、归档、客服排查前使用,也适合任何文件离开本机前的本地复核。
适合文件任务
- 分享前检查文件类型、大小、元数据和明显不匹配信号。
- 上传、归档、接收或审核前整理混合文件夹。
- 敏感文件先留在浏览器里处理,不用交给账号型服务。
文件检查项
- 不要只凭扩展名判断真实文件类型。
- 文件发给客户、供应商或公开页面前,先看元数据。
- 复制、转换或导出结果确认前,保留原文件。
下一步可以接着做
这些入口会把当前任务接到更完整的工具链里。
真实使用场景
复核供应商 logo
嵌入网站前检查 SVG 是否含脚本、外部图片、缺失 viewBox 或无障碍标签。
清理设计系统图标
优化前先统计 ID、class、内联样式和元素类型。
常见踩坑
把 SVG 当成普通位图, 忘了它在很多场景里是可执行标记。
清理时删掉 viewBox, 之后又发现响应式缩放坏了。
隐私说明
SVG 源码在本地读取。报告可能包含文件里的外部 URL。
常见问题
类似工具组合
做你这行的人, 还会一起用这些。