HTML 压缩:去注释、空白、可选属性、内联 CSS/JS。体积小 40-60%。
- 本地处理
- 分类 格式转换
- 适合 把粘贴内容或本地文件转成更适合交付的格式。
压缩结果显示在这里。这个工具能做什么
在线 HTML 压缩工具。粘贴原始 HTML(整页、片段、邮件模板、AMP 页面、 服务端渲染输出),得到生产级单行输出,通常比原文小 40-60%。每项优化 都是独立 checkbox 可关:去注释(但保留 <!--[if IE]--> 条件注释与 <!--#include--> SSI 指令)、折叠 tag 之间的所有空白、文本节点内连续 空白折叠为一个空格、安全去掉属性引号(值不含空格 / 引号 / 等号 / 尖括号时,id="x" → id=x,符合 HTML5 规范)、规范化布尔属性 (disabled="disabled" → disabled,checked / selected / readonly / required / autofocus / hidden 同理)、去掉可选闭合标签(</li> </tr> </td> </th> </p>,当下一个兄弟节点让 HTML5 parser 能推断 闭合时)。tokenizer 完全 HTML5 兼容:正确处理 raw-text 元素(script、 style、textarea、pre,内部文本永远不折叠)、CDATA、字符实体、 void 自闭合元素(img、br、hr、input、meta、link)。输出下方实时显示 压缩前 / 后 / 节省百分比。100% 浏览器本地:未发布的 landing page、邮件 blast、内部模板都不离开标签页。配合我们的 CSS Minifier、 JS Minifier 做发布前完整压缩;需要把 HTML 内嵌进 JSON / XML payload 时配合 HTML Entities Encoder。
工具细节
- 输入
- 文本 + 结构化内容
- 页面会根据工具类型展示文本框、数值控件、文件选择或结构化输入。
- 输出
- 即时结果 + 复制 + 下载
- 结果区优先给出可操作结果，支持项会显示复制、下载或可视化预览。
- 隐私
- 浏览器本地处理
- 主工具逻辑未发现外部 API 调用，输入通常留在当前标签页内处理。
- 保存 / 分享
- 免账号使用
- 打开页面即可使用；刷新后是否保留结果取决于具体工具。
- 性能预算
- 首屏 JS ≤ 14 KB
- 没有声明 WASM 依赖，适合快速打开和移动端使用。
- 适用场景
- 格式转换 · 程序员
- 分类和职业标签用于推荐相关工具、组织内链，并帮助用户快速判断是否适合当前任务。
怎么用
-
1. 输入
把内容粘贴或拖入工具面板。
-
2. 处理
点击按钮,在浏览器内本地处理,文件不上传。
-
3. 复制 / 下载
一键复制结果或下载到本地。
HTML 压缩工具 适合怎么用
适合把内容从一种实际格式转成另一种可用格式。
适合转换的任务
- 把粘贴内容或本地文件转成更适合交付的格式。
- 放进大流程前,先预览转换结果是否可靠。
- 修正常见格式不匹配,不用打开完整编辑器。
转换检查项
- 源格式比较乱时,先拿一小段试转。
- 转换后检查编码、分隔符和换行符。
- 结果确认前保留原始内容。
下一步可以接着做
这些入口会把当前任务接到更完整的工具链里。
真实使用场景
事务邮件模板发给 ESP 之前先压一遍
针对 Outlook 的邮件 HTML 特别臃肿:嵌套表格、重复内联样式、IE 条件注释一大堆。把 90 KB 的模板粘进来,开着「保留条件 / SSI 注释」 这一项,导出后只剩 38 KB,正好跨过 Gmail 102 KB 的裁剪线。你的 按钮和退订页脚就能完整显示,不会被折叠到「邮件已截断,查看完整 邮件」的链接后面。
压 HTMX 或 Turbo 每次交互返回的服务端片段
后端每次交互都回 HTML 片段时,模板引擎吐出的那堆空白纯属传输浪费。 一段 12 KB 的 Jinja 渲染表格片段丢进来,出来大概 7 KB。一个列表页 一次会话里要换 30 次,省下的字节是实打实的,弱网手机上片段切换也 更快,而解析后的 DOM 跟原来一模一样。
拿你构建管线的输出跟已知正确基线做对比
你怀疑 Vite 里 html-minifier-terser 的配置漏压了字节。把同一份源码 粘到这里,两边输出逐字节 diff,就能看清你的配置漏掉了哪一项:可能 collapseBooleanAttributes 没开,可能可选闭合标签还在补全。这下你知道 该去 vite.config.ts 翻哪个开关,而不是瞎猜。
把 AMP 页面压到 75 KB 文档上限以内
AMP 会拒收文档 HTML 超过 75 KB 的页面。一个带长 <style amp-custom> 内联块、标记又啰嗦的落地页常常卡在临界线上。压缩标记(工具会原样保留 raw-text 的 style 内容,你的 amp-custom 规则不受影响),能省回 8 到 12 KB,把页面推回上限以下,AMP 校验器就过了。
常见踩坑
把 CSS 或 JS 丢进来指望它变小。它只动标记,<style> 和 <script> 的内容原样穿过。那两类内容请分别走 CSS Minifier 和 JS Minifier。
在 Outlook 邮件上关掉「保留条件 / SSI 注释」,结果丢了 <!--[if mso]> 的兜底样式。凡是邮件或老 IE 模板,这个开关一律开着。
粘了一段开在 <pre> 或 <textarea> 里、却没带上父标签的片段。tokenizer 看不出这是 raw text,就把你要保留的空白折叠了。永远把外层元素一起带上。
隐私说明
这个压缩工具完全在你的浏览器里跑。你粘的 HTML 在页面里用 JavaScript 做 token 化和重写,不上传任何服务器,输入也不会进 URL 或分享链接。 未发布的落地页、内部群发邮件、私有模板都留在标签页里,关掉页面文本 就没了。
常见问题
类似工具组合
做你这行的人, 还会一起用这些。