免费本地 SVG 预检查

SVG 安全与图标使用检查器,面向网页内嵌图标 在嵌入 SVG 之前

把 SVG 粘贴或上传到 SVG 安全与图标使用检查器,先判断它是否适合网页使用、内嵌图标或 logo 片段。SVG is checked locally in your browser. Your file is not uploaded. 这只是本地风险预检查,不承诺完整清洗 SVG,也不承诺 100% 安全。

本地 SVG 预检查

运行 SVG 安全与图标使用检查器

SVG 安全与图标使用检查器会在当前浏览器标签页解析 XML,并提示 script 标签、事件属性、foreignObject、外部资源、base64 嵌入、缺少 viewBox、缺少尺寸、过大的 path、可访问性缺口和写死颜色。

SVG is checked locally in your browser. Your file is not uploaded.

SVG 预检查结果会显示在这里

粘贴 SVG XML 或上传 .svg 文件后,你会看到网页使用适配、XML 解析状态、viewBox 状态、尺寸声明、风险提示、可访问性提示、主要问题和修复建议。

SVG 安全与图标使用检查器如何检查 SVG

SVG 安全与图标使用检查器把安全、图标适配、viewBox 和可访问性检查放在一个本地页面里,而不是拆成多个小工具。

本地 SVG 输入检查

粘贴 SVG XML 或上传 .svg 文件。检查器会让内容留在浏览器中,并从 XML 解析、根元素和源码统计开始检查。

SVG 安全与图标使用检查器界面,左侧是 SVG 代码输入,右侧是本地风险检查

SVG 风险报告

在一份报告里复查 script 标签、事件属性、foreignObject、外部图片或字体引用、base64 嵌入、缺少 viewBox、缺少尺寸和过大 path 提醒。

SVG 安全与图标使用检查器报告,展示网页适配、XML、viewBox、脚本和可访问性结果

SVG 修复流程

在嵌入 SVG 图标或 logo 前使用报告。修复源码,按需添加 title 或 desc,优先使用 viewBox 和 currentColor,然后再次检查。

SVG 安全与图标使用检查器流程,从粘贴或上传到本地风险和内嵌图标修复

SVG 安全与图标使用检查器功能

把这个页面作为内嵌 SVG 图标和 logo 片段的浏览器本地预检查,而不是普通图片检查器或 favicon/app icon 尺寸检查器。

SVG XML 解析

在 SVG 进入模板、设计系统或 CMS 字段前,先发现 XML 格式错误和非 svg 根元素。

解析 SVG

SVG 脚本风险

把 script 元素以及 onload、onclick、onerror 等内联事件属性标记为内嵌使用前应移除的风险。

检查脚本风险

SVG 资源复查

发现 foreignObject、外部图片、外部字体、CSS URL 引用和 base64 嵌入资源,避免 SVG 难以审查。

复查资源

SVG viewBox 检查

复查 viewBox、width 和 height 声明,让内嵌 SVG 图标和 logo 在网页布局里稳定缩放。

检查缩放

SVG 可访问性提示

查看 SVG 是否包含 title、desc、aria-label、aria-labelledby 或 aria-hidden,便于判断有意义或装饰性图标。

检查可访问性

SVG 图标适配

找出过大的 path 数据和写死的 fill 或 stroke 颜色,避免 logo 或图标过重、固定、难以跟随主题。

检查图标适配

如何使用 SVG 安全与图标使用检查器

SVG 安全与图标使用检查器只面向网页使用前的本地 SVG 预检查。它不能替代图片检查、favicon/app icon 尺寸检查、人工代码审查或可信 SVG 清洗器。

01

粘贴或上传 SVG 源码

使用你真正准备内嵌、放进组件或交付为 logo 片段的 SVG。检查器会在浏览器中读取源码,不上传文件。

  • 使用最终导出的 SVG,而不是截图
  • 这不是普通图片检查器
粘贴 SVG
02

复查 SVG 预检查风险

先处理 XML 无效、script 元素和事件属性等失败项,再复查 foreignObject、外部资源、base64 嵌入、viewBox、尺寸、title、desc 和颜色提示。

报告属于静态分析。它不会执行 SVG,也不保证有风险的 SVG 已经被完整清理。

复查报告
03

修复后再次运行本地检查

移除风险代码,添加或修复 viewBox,确认 width/height 策略,简化过大的 path,按需添加可访问性文本,并为可主题化图标优先使用 currentColor。

如果要检查 favicon 和 app icon 尺寸,请使用独立的网站图标与 App 图标检查器,而不是这个 SVG 预检查工具。

重新检查

SVG 安全与图标使用检查器常见问题

了解这个 SVG 预检查在网页使用前可以检查什么,以及不能承诺什么。

这个 SVG 检查器会上传我的 SVG 吗?

不会。检查器会在当前浏览器标签页读取你粘贴或上传的 SVG 内容,不会把 SVG 文件上传到 CheckToolkit。

这个 SVG 检查器能让 SVG 100% 安全吗?

不能。这个工具只报告 script、事件属性、foreignObject、外部资源和 base64 嵌入等本地风险信号。它不是清洗器,也不能承诺 100% 安全。

这个 SVG 检查器是普通 Image Checker 吗?

不是。这个页面聚焦 SVG XML、内嵌图标和 logo 使用前检查。普通图片尺寸、文件大小、DPI、元数据等检查,请使用网站已有的图片检查器。

这个 SVG 检查器会检查 favicon 或 app icon 尺寸吗?

不会。favicon 和 app icon 尺寸属于独立的网站图标与 App 图标检查器。这个页面只复查 SVG 结构和网页使用风险。

SVG 检查失败后应该先修什么?

优先修复无效 XML、非 svg 根元素、script 元素和事件属性。然后再复查 foreignObject、外部资源、base64 嵌入、viewBox、尺寸、可访问性文本、path 大小和写死颜色。

为什么这个 SVG 检查器会提示 title 和 desc?

有意义的 SVG 图标和 logo 通常需要可访问名称或描述。纯装饰图标也可以对辅助技术隐藏,所以结果需要结合周围 UI 判断。

嵌入前运行 SVG 安全与图标使用检查器

用 SVG 安全与图标使用检查器快速本地预检查 SVG XML、网页安全信号、viewBox 缩放、图标可访问性和 logo 片段适配。

仅限本地预检查。不承诺 100% 清洗或 100% 安全。