ZH
我的工具

HTML 压缩工具(Minifier)

压缩 HTML:删除注释、合并空白、简化布尔属性和多余属性,并压缩内联 CSS 与 JSON,pre 和 textarea 保持不变。

条件注释(<!--[if IE]>)始终保留。
压缩后的 HTML
原始大小
440 字节
压缩后大小
281 字节
节省
36.1%

<pre> 和 <textarea> 内的空白会保留。内联脚本只做首尾修剪,不会改写 — 如需压缩请使用 JavaScript 压缩工具。

我的工具 →
广告

压缩 HTML 会去掉浏览器会忽略的内容——注释、缩进、块级元素之间的换行以及冗余的属性值,让页面下载和解析稍微快一点。本压缩工具对标记做词法分析,而不是盲目地查找替换,所以 <pre> 和 <textarea> 里的空白保持不变,内联单词之间的单个空格会保留,带引号的属性值也不会被破坏。

使用方法

  1. 粘贴 HTML 页面或片段。
  2. 选择要去掉的内容:注释、多余空白、冗余属性、属性引号。
  3. 除非需要保留原有格式,否则请保持开启内联 CSS 和 JSON 压缩。
  4. 复制压缩后的 HTML,并查看节省的字节数。

计算公式

节省 % = (原始字节数 − 压缩后字节数) ÷ 原始字节数 × 100

大小按 UTF-8 字节计算。连续的空白会变成一个空格;块级标签(div、p、li、td 等)旁边的空格,以及 head 内元素之间的空白,因为不会显示而被删除。select、svg、video 等内联盒子旁边,以及脚本和被保留的注释周围的空格会保留。type="text/javascript" 和 type="text/css" 是默认值,会被去掉;checked="checked" 这样的布尔属性会变成 checked。

示例

25 字节的片段 <p> + 换行 + a b + 换行 + </p> + 换行 压缩成 <p>a b</p>,即 10 字节:块级标签旁的空白被去掉,两个单词之间的空白合并为一个空格,节省 60%。

常见问题

压缩会破坏我的页面吗?

很少。有风险的情况是依赖内联块元素之间空白的 CSS,以及会读取注释的脚本,二者都不常见。请保留一份原件,并测试压缩后的页面。

它会压缩 JavaScript 吗?

不会——内联脚本只会修剪首尾,这始终是安全的。JSON 和 JSON-LD 块会去掉字符串之外的空白。真正压缩 JavaScript 请使用 JavaScript 压缩工具。

会保留条件注释吗?

会。即使开启了删除注释,<!--[if IE]> … <![endif]--> 块也会保留;你还可以选择保留以 <!--! 开头的注释。

能节省多少?

手写页面通常能减少 10–25%。服务器上的 Gzip 或 Brotli 压缩能节省更多,而且两者可以叠加。

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). HTML 压缩工具(Minifier). https://kakao.mobile/zh/tools/html-minifier/

MLA

“HTML 压缩工具(Minifier).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/html-minifier/.

广告