HTML 压缩工具
安全地压缩 HTML：去除注释、合并空白、删除块级标签周围的空格，同时让 pre、textarea、script 和 style 保持原样。
输出
完全在浏览器中运行，您的数据不会被上传。
相关工具
查看全部什么是 HTML 压缩？
HTML 压缩工具采用保守且不影响渲染的转换来缩小 HTML：删除注释，把连续空白合并为一个空格，并去掉块级标签旁边的空白。<pre>、<textarea>、<script> 和 <style> 中的内容会逐字节保留。
如何使用 HTML 压缩
- 把 HTML 粘贴到输入框中。
- 点击 压缩（输入时输出也会更新）。
- 查看体积行，了解节省了多少。
- 复制或下载压缩后的 HTML。
示例
输入
<div> <!-- c --> <p>Hello <b>big</b> world</p> <pre> a b</pre> </div>
输出
<div><p>Hello <b>big</b> world</p><pre> a b</pre></div>
何时使用 HTML 压缩
适合静态页面、邮件模板或嵌入代码中的 HTML 片段。与 gzip/brotli 相比，收益有限。它不会删除可选标签或属性引号，所以输出依然有效且可预期。
HTML 压缩 的工作原理
一个小型分词器把输入拆分为标签、文本、注释和原始文本块。注释会被删除，只有 Internet Explorer 的条件注释（<!--[if …]>）例外。在文本中，任何连续空白都会变成一个空格；当相邻元素是 div、p、li 或 table 这类块级标签时，会去掉首尾空格，而在行内元素之间（<b>a</b> <i>b</i>）则保留，因为那里的空格是可见的。标签内部的空白会被规范化，属性值不会改动。页面中的 JavaScript 和 CSS 不会被压缩，需要的话请使用 JS 或 CSS 压缩工具。
常见用例
- 缩小 HTML 邮件模板
- 压缩存放在 JSON 或数据库中的 HTML 片段
- 发布前删除开发者注释
- 为 JavaScript 字符串准备内联 HTML
安全提示
所有处理都在你的浏览器本地完成，粘贴的代码不会被上传。
常见问题
为什么两个行内标签之间的空格会保留？
因为它在页面上是可见的，删掉会让两个词连在一起。
脚本和样式会被压缩吗？
不会，它们保持原样。请使用 JS 压缩工具或 CSS 压缩工具处理。
输出仍然是有效的 HTML 吗？
是的。只会删除注释和无意义的空白。
推荐的下一步
SVG 优化器
在浏览器中用 SVGO 优化并压缩 SVG 代码。删除编辑器元数据、注释和冗余标记，并通过预览显示节省的体积。
转义/反转义工具
一个工具搞定字符串转义与反转义：支持 JSON、JavaScript、HTML、XML、URL 组件、正则表达式、SQL 字面量、CSS 字符串和 Shell 参数。
Markdown 转 HTML
将 Markdown 转换为 HTML，支持 GitHub 风格 Markdown 的表格和任务列表，提供经过净化的实时预览，可复制或下载原始 HTML。免费。
HTML 转 Markdown
将 HTML 转换为整洁的 Markdown：标题、链接、列表、代码块、GFM 表格和删除线，可选 ATX 或 Setext 标题以及围栏式代码。免费。
CSS 选择器测试器
针对粘贴的 HTML 测试 CSS 选择器，查看每个匹配元素的标记和文本。使用 querySelectorAll，因此结果与浏览器完全一致。
去除 HTML 标签
删除 HTML 标签，得到保留段落和换行的干净纯文本。脚本和样式会被丢弃，实体会被解码，在你的浏览器中运行。