压缩会破坏我的代码吗？

压缩器处理得很谨慎：字符串、url() 值、和的内容不会被改动，像 `a :hover` 这样的 CSS 选择器含义保持不变，calc() 中的空格也会保留。JavaScript 使用 Terser 压缩器。请务必测试压缩结果。

压缩能节省多少体积？

这取决于原始代码中空白和注释的多少——工具会显示精确的压缩前后大小对比。

我的代码会被上传吗？

不会，压缩完全在你的浏览器中进行。

除了 HTML 和 CSS，也能压缩 JavaScript 吗？

可以。JavaScript 使用 Terser 压缩（含代码压缩和变量重命名），同时也支持 JSON 和 SVG。

HTML 注释一定会被删除吗？

默认会删除，但 IE 条件注释除外。勾选“保留注释”即可在 HTML 和 CSS 中保留它们。

压缩 CSS 会删除未使用的规则吗？

不会，CSS 压缩只会删除注释以及不必要的空白和格式——它不会分析你的 HTML 来检测并删除未使用的选择器。

可以还原压缩，恢复成可读的代码吗？

对于 CSS 和 JSON，请改为勾选“美化”重新格式化。压缩后的 HTML 和 JavaScript 会丢失原有格式，JavaScript 还会丢失变量名，因此请妥善保留源文件。

gzip 数值是什么意思？

它是压缩后的文本经 gzip 压缩后的大小，而大多数服务器在网络上传输的正是这种形式，因此更接近实际下载体积。

在您的浏览器中100%本地处理

HTML 与 CSS 压缩工具

压缩 HTML、CSS、JavaScript、JSON 和 SVG——显示压缩前后体积及 gzip 估算值，100% 本地处理。

Loading tool…

快速解答

HTML 与 CSS 压缩工具 lets you: 压缩 HTML、CSS、JavaScript、JSON 和 SVG——显示压缩前后体积及 gzip 估算值，100% 本地处理。 To start, 选择 HTML、CSS、JavaScript、JSON 或 SVG。

如何使用此工具

1
选择语言
选择 HTML、CSS、JavaScript、JSON 或 SVG。
2
粘贴或拖入代码
输入、粘贴或打开文件——结果会随输入实时更新。
3
查看节省的体积
状态栏会显示压缩前后的大小，以及 gzip 大小的估算值。
4
复制或下载
复制结果，或将其下载为文件。

常见问题

SQL Formatter

支持 16 种方言的 SQL 格式化，可设置关键字大小写、缩进和逗号位置——保留注释，100% 本地处理。

JSON Formatter

全屏 JSON 编辑器：格式化、校验、修复、键排序，并可用树形、表格或 JSONPath 查询浏览数据——100% 本地处理。

HTML 与 CSS 压缩工具

如何使用此工具

选择语言

粘贴或拖入代码

查看节省的体积

复制或下载

常见问题

压缩会破坏我的代码吗？

压缩能节省多少体积？

我的代码会被上传吗？

除了 HTML 和 CSS，也能压缩 JavaScript 吗？

HTML 注释一定会被删除吗？

压缩 CSS 会删除未使用的规则吗？

可以还原压缩，恢复成可读的代码吗？

gzip 数值是什么意思？

相关工具

SQL Formatter

JSON Formatter

HTML 与 CSS 压缩工具

如何使用此工具

选择语言

粘贴或拖入代码

查看节省的体积

复制或下载

常见问题

压缩会破坏我的代码吗？

压缩能节省多少体积？

我的代码会被上传吗？

除了 HTML 和 CSS，也能压缩 JavaScript 吗？

HTML 注释一定会被删除吗？

压缩 CSS 会删除未使用的规则吗？

可以还原压缩，恢复成可读的代码吗？

gzip 数值是什么意思？

相关工具

SQL Formatter

JSON Formatter