HTML 压缩工具

粘贴页面，即可获得压缩空白、删除注释的结果；如果需要，还可以同时压缩内联的 <style> 和 <script> 代码块。适用于邮件模板、静态页面、嵌入式小部件，以及任何准备粘贴到按字节计费的 CMS 字段中的 HTML。

使用方法

1. 将 HTML 粘贴到输入框中，或上传一个 .html 文件。
2. 切换设置：
   • 压缩空白 — 主要的节省来源。
   • 删除 HTML 注释 — 条件注释始终保留。
   • 在可能的情况下删除属性的引号 — 在安全时，class="card" 会变成 class=card。
   • 压缩 <style> 代码块和 style="…" 属性中的 CSS。
   • 压缩 <script> 代码块中的 JavaScript。
3. 复制结果，或将其下载为 .html 文件。

绝不会破坏的内容

简单粗暴地压缩 HTML 会破坏页面，因此该工具围绕一组保证来构建：

• <pre> 和 <textarea> 保持不变，逐字节一致。 其中的空白属于页面渲染的内容，压缩它们会明显改变页面的显示效果。你的 ASCII 艺术和代码示例会原样输出。
• <script> 和 <style> 的内容绝不会被 HTML 处理阶段压缩空白。 它们要么交给真正的 JavaScript 或 CSS 压缩器处理（该压缩器能理解字符串字面量、正则表达式以及类似注释的字符串），要么原样保留。<script type="application/json"> 或 text/x-template 始终保持不变。
• 条件注释会被保留。 <!--[if lt IE 9]> … <![endif]--> 属于标记而非注释，删除它会移除一个真实的 script 标签。
• 行内间距得以保留。 <span>a</span> <span>b</span> 渲染时两个词之间有空格，而 <span>a</span><span>b</span> 则没有。该工具了解哪些元素是行内元素，因此只会删除那些不可见的块级元素之间的空白。
• 只有空元素才会去掉自闭合斜杠。 <br/> 会变成 <br>，但 SVG 中的 <path/> 会保留斜杠 —— 如果删除它，元素将无法闭合，并吞掉图形的其余部分。

什么情况下去掉属性引号是不安全的？

当值为空、包含空白、引号、反引号、=、< 或 >，或者以 / 结尾时。最后一种情况常常让人踩坑：紧挨着 > 的 href=/a/ 会被解析为自闭合斜杠，从而截断 URL。该工具会检查所有这些情况，拿不准时就保留引号。

HTML 能缩小多少？

手写的标记通常能缩小 10–25%，层级缩进很深的模板输出缩小得更多。对于包含大型内联代码块的页面，启用 CSS 和 JS 选项效果尤其明显。另外请注意，服务器端的 gzip/brotli 压缩通常比代码压缩效果更好，建议两者结合使用。

它会去掉 & 之类的实体吗？

不会。将 & 改写为原始的 & 需要判断在该位置结果是否仍然有效；判断失误会产生损坏的标记，只为节省几个字节得不偿失。实体会保持你写下的原样。

它会修复损坏的 HTML 吗？

不会 —— 它是压缩工具，而不是净化器或格式化工具。未闭合的标签仍然保持未闭合。如果你对源代码不确定，请将输出交给验证器检查。

我的 HTML 会被上传到什么地方吗？

不会。压缩工具完全在你的浏览器中运行。你的标记从不会发送到服务器、被记录或被存储；上传文件时也只是在页面中本地读取。它还可以离线使用。