跳到主要内容
Z

HTML 压缩工具

使用 html-minifier-terser 压缩 HTML 代码。合并空白字符、删除注释、压缩内联 CSS/JS,并实时显示节省的体积。

免费 无需注册 客户端运行 注重隐私 Updated

大小:

大小: · 节省 %

处理中…

使用方法

  1. 1 将您的 HTML 代码粘贴到左侧输入框中。
  2. 2 根据需要开启或关闭合并空白字符、删除注释、压缩内联 CSS/JS 等选项。
  3. 3 点击「压缩」按钮,立即查看节省的体积。

为什么使用此工具

  • 基于 html-minifier-terser 运行——它是仍在积极维护的 html-minifier 的继任者。
  • 内联的 <style> 代码块通过 clean-css 处理,内联的 <script> 代码块通过 terser 处理。
  • 相关库采用懒加载方式——在您点击「压缩」之前页面始终保持轻量。
  • 并排对比前后体积,并可直接下载压缩后的文件。

常见问题

这个工具会破坏我的 HTML 结构吗?

默认设置比较保守,会保留属性的引号、void 元素标签以及 DOCTYPE 声明。但在应用到生产环境模板之前,仍建议仔细检查压缩结果。

如何将压缩后的代码重新格式化?

可以使用 <a class="underline" href="/html-formatter">HTML Formatter</a> 对压缩结果进行美化排版,方便检查。

这个工具会压缩 HTML 中内嵌的 SVG 吗?

SVG 内部的空白字符和注释同样会被合并,但不会对 SVG 各元素进行专门的优化——如需这类优化,请使用专门的 SVGO 工具。

什么是 HTML 压缩工具?

HTML 压缩工具可以减小 HTML 代码的体积,让页面加载更快。该工具基于 html-minifier-terser 构建,能够合并空白字符、删除注释、压缩内联 CSS/JavaScript,并实时显示节省的体积。所有处理都在浏览器本地完成,HTML 代码不会被上传到服务器。

概要

HTML 压缩工具 是 Zerethon Tools 提供的免费 开发者 工具。使用 html-minifier-terser 压缩 HTML 代码。合并空白字符、删除注释、压缩内联 CSS/JS,并实时显示节省的体积。. 完全在浏览器中运行 — 无需注册,无需上传。

分类
开发者
价格
免费
隐私
基于浏览器
注册
无需

隐私

除非另有说明,否则你的数据永远不会离开浏览器。HTML 压缩工具 完全在客户端运行 — 无需上传服务器,不记录日志,不追踪你输入的内容。

相关工具

在 Zerethon Social 上创作、分享与成长

免费注册。赚取积分,收集成就,与全球创作者建立联系。

免费试用 Zerethon