SVG 工具

SVG Preview

切换背景并缩放查看 SVG 的视觉效果,检查透明区域和图形细节。

SVG 内容仅在您的浏览器中处理,不会上传到服务器。

这个工具是什么

SVG Preview 侧重图形的最终外观。您可以在不同底色上检查图标边缘、文字对比和透明区域,使用缩放控制查看细节,再保存经过安全处理的 SVG 副本。

如何使用

  1. 选择 SVG 文件或粘贴 SVG 源码。
  2. 点击预览,阅读有关已过滤内容的提示。
  3. 选择透明、白色、黑色或自定义背景,并调整缩放比例。
  4. 确认效果后,按需下载安全处理后的 SVG。

功能说明

  • 透明背景以棋盘格显示,白色和黑色背景适合检查深浅色图标。
  • 支持适应窗口及固定比例缩放;缩放只改变查看方式。
  • 下载的是安全处理后的静态副本,原始输入仍保留在源码区。

背景与下载效果

  • 预览背景用于衬托图形,不会自动写入下载的 SVG。若需要带实际底色的文件,可使用 SVG Background Generator 或导出为 PNG/JPG。
  • 脚本、动画和远程字体等被移除后,外观可能变化。请保留原文件并核对实际下载结果。

SVG 安全说明

预览使用经过安全处理的静态副本,不运行脚本、点击事件或动画,也不加载外部图片、字体和样式。外部引用、内嵌网页和不支持的内容会被移除,因此预览可能与原文件不同。含 DOCTYPE 或自定义实体的文档不受支持。

SVG 文件或 UTF-8 源码最多 2 MiB,最多 20000 个节点(包括元素和文本),嵌套深度最多 96 层。内容过大或结构过于复杂时,请先简化文件。

隐私

SVG 内容仅在您的浏览器中处理,不会上传到服务器。

工具不会自动保存输入或结果。请在清空或离开页面前下载需要保留的文件,并保留原始副本。

FAQ

SVG Preview 如何处理不安全内容?

预览前会移除脚本、事件、内嵌网页和外部资源引用,并只显示支持的静态内容。SVG 本身可能含有主动内容,请保留这一点。

为什么预览和原文件显示不同?

原文件可能依赖动画、滤镜、交互或外部资源,这些内容可能被移除。不支持的复杂样式也可能影响显示。

为什么外部图片或字体没有显示?

工具不会为 SVG 加载远程资源,因此外部图片无法显示,文字可能使用本机可用的替代字体。

预览会上传 SVG 吗?

不会。文件读取、安全处理和预览都在您的浏览器中完成。

返回开发者工具分类首页