HTML 压缩工具(Minifier)
压缩 HTML:删除注释、合并空白、简化布尔属性和多余属性,并压缩内联 CSS 与 JSON,pre 和 textarea 保持不变。
<pre> 和 <textarea> 内的空白会保留。内联脚本只做首尾修剪,不会改写 — 如需压缩请使用 JavaScript 压缩工具。
压缩 HTML 会去掉浏览器会忽略的内容——注释、缩进、块级元素之间的换行以及冗余的属性值,让页面下载和解析稍微快一点。本压缩工具对标记做词法分析,而不是盲目地查找替换,所以 <pre> 和 <textarea> 里的空白保持不变,内联单词之间的单个空格会保留,带引号的属性值也不会被破坏。
使用方法
- 粘贴 HTML 页面或片段。
- 选择要去掉的内容:注释、多余空白、冗余属性、属性引号。
- 除非需要保留原有格式,否则请保持开启内联 CSS 和 JSON 压缩。
- 复制压缩后的 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 压缩能节省更多,而且两者可以叠加。
资料来源
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/html-minifier/
引用此工具
kakaoCalc. (2026, November 8). HTML 压缩工具(Minifier). https://kakao.mobile/zh/tools/html-minifier/
“HTML 压缩工具(Minifier).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/html-minifier/.