跳到主要内容

SVG 资源审计 - 检查 SVG 安全尺寸和无障碍线索

审计 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. 1. 输入

    把内容粘贴或拖入工具面板。

  2. 2. 处理

    点击按钮,在浏览器内本地处理,文件不上传。

  3. 3. 复制 / 下载

    一键复制结果或下载到本地。

SVG 资源审计 适合怎么用

适合在上传、交付、归档、客服排查前使用,也适合任何文件离开本机前的本地复核。

适合文件任务

  • 分享前检查文件类型、大小、元数据和明显不匹配信号。
  • 上传、归档、接收或审核前整理混合文件夹。
  • 敏感文件先留在浏览器里处理,不用交给账号型服务。

文件检查项

  • 不要只凭扩展名判断真实文件类型。
  • 文件发给客户、供应商或公开页面前,先看元数据。
  • 复制、转换或导出结果确认前,保留原文件。

下一步可以接着做

这些入口会把当前任务接到更完整的工具链里。

  1. 1 SVG 优化压缩器 SVG 优化压缩器, 去注释 / metadata / 空属性 / 圆角小数, 合并无用 group, 100% 浏览器本地不上传, 平均能压 30-60%。 打开
  2. 2 图片元数据检查 检查 PNG、JPEG、GIF、WebP、SVG 的尺寸、位深、ICC、EXIF、XMP、动画和备注。 打开
  3. 3 HTML 链接提取器 上传 HTML, 本地提取 a、图片、脚本、样式、canonical 和 meta URL 到 CSV。 打开

真实使用场景

  • 复核供应商 logo

    嵌入网站前检查 SVG 是否含脚本、外部图片、缺失 viewBox 或无障碍标签。

  • 清理设计系统图标

    优化前先统计 ID、class、内联样式和元素类型。

常见踩坑

  • 把 SVG 当成普通位图, 忘了它在很多场景里是可执行标记。

  • 清理时删掉 viewBox, 之后又发现响应式缩放坏了。

隐私说明

SVG 源码在本地读取。报告可能包含文件里的外部 URL。

常见问题

类似工具组合

做你这行的人, 还会一起用这些。

Made by Toolora · 100% client-side · Updated 2026-06-13