本页面由 AI 翻译,尚未经过母语人士审校。 阅读英文版

SVG 预览与优化

粘贴 SVG 代码或打开文件查看渲染效果,然后删除设计工具留下的冗余内容 — 注释、编辑器命名空间、元数据和多余空白。

选择 SVG 文件(可选)
原始
优化后

完全在浏览器中运行。你的输入内容和文件不会上传到任何服务器。

使用方法

  1. 粘贴 SVG 标记或选择一个 .svg 文件。
  2. 选择清理选项。数值取整节省最多,但可能会让极小的细节发生偏移。
  3. 对比预览效果和节省的大小。
  4. 复制或下载优化后的代码。

示例

从设计工具导出的图标

删除编辑器元数据和空白,通常可让导出的图标缩小 30–60%。

内嵌在网页中的 SVG

开启“删除 XML 声明” — 将 SVG 内嵌到 HTML 中时不需要它。

隐私

完全在浏览器中运行。你的输入内容和文件不会上传到任何服务器。 浏览器中保存了哪些内容(仅收藏和历史记录),请参阅隐私政策。 隐私政策

你可以自己验证:打开浏览器的开发者工具,选择“网络”(Network)标签,然后使用工具。你的文件不会出现在任何上传请求中。此页面保存为离线可用后,你还可以断开网络继续使用。 广告和匿名访问统计在启用时会发出各自的请求,但绝不会接收你的文件或文本。

常见问题

预览不可信的 SVG 安全吗?

预览以图片形式渲染,可防止 SVG 中的脚本运行。

与 SVGO 相比如何?

这是一种更轻量、更保守的清理。SVGO 会进行更深入的路径优化;如果需要最大压缩,请在构建流程中使用它。

网站图标生成器从一张图片或一个字母生成完整的网站图标套件:favicon.ico、16–512 px 的 PNG、Apple Touch 图标、Web 清单和 HTML 标签,打包为一个 ZIP。
HTML 实体编码 / 解码将 <、>、&、引号以及(可选)所有非 ASCII 字符转义为 HTML 实体,或把实体解码回文本。
XML 格式化与校验美化或压缩 XML、站点地图、RSS 订阅源和 SVG,并检查 XML 是否格式良好。
图片压缩在浏览器中按质量或按目标大小(如 100 KB)压缩 JPG、PNG 和 WebP 图片。
图片尺寸调整将 JPG、PNG 和 WebP 图片调整为精确的像素尺寸或按百分比缩放,可选择锁定宽高比。

搜索工具