HTML 压缩
压缩 HTML 并减少无效字符
前端与计算
🔒 100% 本地运行 — 你的数据不会离开当前页面由 Evan 维护•最近更新：2026年9月30日
选项模式
输入
先粘贴 HTML，直接压缩并查看节省体积；注释与空白策略说明可在高级模式查看。
输出
Minified HTML will appear here
🔒 浏览器内本地处理
页面阅读模式
完整说明还包括常见问题处理、操作示例、代码片段、FAQ 和相关工具，便于核对结果或排查问题。
工具说明
对 HTML 片段选择性移除注释、合并普通空白，保留带引号属性和完整 pre、textarea、script、style 块。输出原始字节对比；仍需在目标页面检查特殊空白与模板行为，不提供完整 HTML 优化或语义保证。
生产可用片段
示例
text
<span>a</span> <span>b</span>
→ <span>a</span> <span>b</span>场景配方
01
压缩空白时保留行内词语分隔
目标：检查会影响阅读的行内空格。
- 输入 <span>a</span> <span>b</span>。
- 保持 Collapse whitespace 开启，确认仍有一个分隔空格。
- 目标 CSS 需要保留空白时，关闭该选项。
结果：带引号属性和完整原始文本块受到保护，普通文本空白会被合并。
失败门诊（高频踩坑）
工具不移除属性引号，也不推断 CSS 空白规则
原因：没有激进属性模式、CSS 求值或框架模板解析器。
修复：保留模板必需注释，在真实页面对照；复杂文档应使用基于解析器的构建工具。
常见问题
哪些空白会保留？
带引号的属性、完整 pre/textarea/script/style 块以及选择保留的注释保持原样；其他区域的普通空白合并为一个空格，行内标签之间不会直接拼接。script/style 块内部不会进一步压缩。
压缩后是否保证页面显示不变？
不能保证。这里是轻量文本处理，无法读取 CSS white-space 样式、识别所有模板指令或修复不完整 HTML。页面依赖特殊空白时可关闭 Collapse whitespace，并在实际页面检查。
注释与“节省字节”应怎样理解？
注释可能包含模板指令、构建标记或邮件条件注释；需要它们时关闭 Remove comments。字节统计比较未压缩 UTF-8 文本，不代表 gzip/Brotli 后的网络体积，也不能直接证明加载速度变快。
继续浏览