输入
粘贴 HTML
可以开始处理 HTML。
开发者工具
HTML 压缩工具
压缩 HTML 的同时保护空白敏感内容，对比源代码与输出大小、检查警告，并在部署前本地预览两个版本。
粘贴 HTML 后计算输出大小和节省量。
原始0 B
输出0 B
节省0 B
已移除注释0
输出
压缩或美化后的 HTML
安全检查
HTML 结构与优化说明
粘贴 HTML 后计算输出大小和节省量。
隔离对比
源代码与输出预览
源代码
输出
两个预览均无脚本权限；仅用于预览的严格 CSP 还会阻止网络请求，但不会改变生成的输出。
示例
HTML 压缩示例
HTML 压缩选项参考
| 选项 | 默认 | 效果 | 风险 |
|---|---|---|---|
| 移除注释 | 开启 | 移除普通 HTML 注释，同时保留选定的特殊注释。 | 保留条件注释和许可证注释时风险较低。 |
| 简化属性 | 开启 | 移除多余的 script/style MIME 类型并安全折叠布尔属性。 | 现代 HTML 风险较低；带引号属性值不会被全局正则误改。 |
| 压缩内联 CSS | 开启 | 压缩 style 块与 style 属性，同时保留 /*! license */ 注释。 | 请检查旧式 CSS 技巧和复杂声明。 |
| 移除空 class/id | 关闭 | 仅移除空的 class 和 id 属性。 | 可能影响检查属性是否存在的脚本。 |
| 移除全部标签间空白 | 关闭 | 使相邻闭合标签和起始标签之间不再保留空白。 | 可能连接行内内容并改变布局，使用前应进行视觉测试。 |
HTML 压缩工具常见问题
这个 HTML 压缩工具会上传代码吗？
不会。标记扫描、压缩、格式化、统计、预览、复制和下载均在浏览器本地完成。
为什么保守模式会保留标签间空格？
行内元素之间的空白可能可见。保留一个空格比总是连接相邻闭合标签和起始标签更安全。
哪些内容会受到保护？
pre、textarea、code、script、style、template、SVG 和 MathML 块会保留内部空白；只有启用选项时才压缩 style 块和 style 属性。
可以用它替代构建流程中的压缩器吗？
它适合片段、检查和一次性文件。生产构建应使用经过测试的项目级压缩器，并保留源文件和版本控制。