工具95

创造卓越作品

SVG 压缩器.

压缩并精简 SVG 文件,提供实时对比和大小统计。调整精度,保留标题和描述,并下载单个 SVG 或批量 ZIP。

广告
您的图像工作区
在您的设备上
或拖放到此处
SVG
选择您的图像以开始。图像
广告
博客 如何压缩 SVG 文件 阅读指南

在查看每次更改的同时,让 SVG 艺术作品更轻量

通过并排预览和文件大小比较来优化静态 SVG 图标和插图。调整精度,保留可访问性描述,并下载优化后的 SVG 或文件 ZIP 包。

清晰的对比视图使矢量优化更容易判断。
快速视频教程 How to compress an SVG with a preview Choose an SVG, review the comparison, adjust precision and download the optimized vector. 英语旁白 观看视频

How to compress an SVG with a preview

功能与控制

上传 SVG 文件或粘贴标记代码

使用上传表单或“粘贴 SVG”选项卡。

接受的 SVG 输入

最多上传 20 个 SVG 文件,每个文件不超过 2 MB。“粘贴 SVG”接受一个标记文档并将其作为图像打开。文件必须是格式良好的 SVG。标准的 SVG 文档声明会在不加载外部文件的情况下被移除;自定义实体声明和内部文档子集将被拒绝。该工具旨在用于静态矢量艺术作品,而非交互式或动画 SVG 应用。

比较清理后的原始文件与优化后的输出

两个面板显示了优化前后的同一艺术作品。

原始预览的含义

两个预览都包含清理后的静态 SVG。“原始”面板并非不安全源标记的渲染。优化后的面板会在设置更改后更新。字节数比较了上传的文件大小与最终输出的大小,状态会准确报告减少或增加的情况。已经很紧凑的 SVG 可能不会变小。文件大小显示在“原始”和“优化后”旁边,以便您可以比较源字节与保存结果。

选择实用的精度级别

十进制精度范围从 1 到 5,起始值为 3。

数字、曲线和小细节

较低的精度会更激进地对几何图形进行舍入,并可能减小文件大小。它也可能移动精细边缘或改变非常小的形状。从 3 开始,比较预览,并为复杂的艺术作品提高精度。优化还会移除冗余元数据并简化符合条件的形状和路径数据。

保留可访问性描述和有用的 ID

默认保留可访问的标题和描述。

可访问性和外部引用

“保留可访问的标题和描述”会保留 SVG 的标题和描述元素。“缩短内部 ID”默认启用;内部引用会同步更新。当外部 CSS 或 JavaScript 依赖于特定 ID 时,请禁用此项,然后在目标页面中验证 SVG。可读的输出标记会以牺牲部分压缩率为代价来换取缩进代码。

准备响应式矢量文件

当 viewBox 可用时,“响应式尺寸”会移除固定尺寸。

尺寸和标记检查

viewBox 定义了矢量坐标系。“响应式尺寸”允许 CSS 和嵌入上下文设置显示尺寸,而无需在 SVG 上设置固定的宽度和高度。它不会改变图像的纵横比。打开“查看优化后的 SVG 标记”以检查将要下载的确切文本。

保存单个文件或完整批次

保留原始基本名称,多个文件将打包为单个 ZIP 下载。

本地处理和清理

解析、清理和优化在浏览器中运行,使用具有时间限制的本地优化工作线程。脚本、事件处理程序、外部资源、动画和嵌入的栅格图像将被移除。您的原始文件不会被修改。选择“开始”以创建优化后的输出;在替换源资产之前,请检查其在目标项目中的外观和行为。

文件与处理

输入
SVG 文件或粘贴的 SVG 标记
输出
优化后的 SVG,或用于多个 SVG 文件的单个 ZIP

每个文件最大 2 MB。 每次运行最多 20 个输入文件。

最多 20 个文件,每个文件 2 MB。每个 SVG 最多可包含 20,000 个元素;复杂文件可能会达到 15 秒的优化限制。

SVG 的解析、清理和优化在您的设备上运行。上传的 SVG 文件不会发送到服务器进行此工具的处理。

此工具在您的浏览器中处理并导出文件。下载的图像是一个独立文件;您设备上的源文件不会被覆盖。

对于图像结果,请使用下载结果下方的“继续”来选择兼容的下一步。您可以选择要保留的图像;下一个工具将以其自身的设置开始。

刷新编辑器或下载页面将返回工具页面。 在开始新工作流之前,请先下载结果。 查看我们的 隐私政策 以了解文件处理方式。

常见问题

温馨提示

开始前的一些解答。

在您的设备上
优化后的 SVG 看起来会完全一样吗?

优化器旨在保留静态外观,但舍入和移除不支持的内容可能会改变文件。请比较预览并在您的项目中测试保存的 SVG。

十进制精度会改变什么?

它控制用于数字几何和路径数据的精度。较低的值可以减小文件大小,但可能会导致精细细节发生偏移。默认值为 3。

它会保留标题和描述吗?

是的,默认情况下会保留。请保持“保留可访问的标题和描述”处于启用状态,以保留这些 SVG 元素。

为什么脚本或栅格图像丢失了?

此工具创建静态矢量输出。在清理过程中,脚本、事件、外部资源、动画和嵌入的栅格图像会被有意移除。

我可以保留被 CSS 引用的 ID 吗?

当外部代码依赖于特定 ID 时,请关闭“缩短内部 ID”。在替换原始文件之前,请在目标页面中验证优化后的文件。

SVG 文件会被上传以进行优化吗?

不会。该工具在浏览器中执行解析和优化,并将结果下载到本地。

我可以上传带有 DOCTYPE 的 SVG 吗?

接受标准的 SVG 文档声明,并在不获取其外部标识符的情况下将其移除。自定义实体声明和内部文档子集将被拒绝。

广告

语言38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

选择您的语言。视频教程目前使用英语旁白。