这个工具能帮你做什么

HTML 代码压缩

把你的 HTML 里的注释、多余空格、换行统统清掉，文件体积立刻缩小。压缩只动"废物"，标签结构、属性、内嵌脚本和样式统统原封不动，压完的代码直接能用。

HTML 代码格式化

拿到一坨挤在一起的 HTML 看不清层级？丢进来点"格式化"，缩进、换行自动安排好，标签嵌套关系一眼就看明白。用的 js-beautify 库，效果很靠谱。

本地处理零上传

压缩和格式化都在你自己的浏览器里跑，代码不会经过任何服务器。不管是公司项目还是客户代码，贴进来用就行，不用担心泄露。

免费无门槛

不用注册也不用登录，打开就能用。没有每天几次的限制，也没有什么高级功能要收费，全部白给。

怎么用

粘贴代码

把要处理的 HTML 代码复制粘贴到上面的输入框，几行还是几千行都行。

选择操作

想缩小体积就点"压缩"，想把压缩过的代码变成可读格式就点"格式化"，处理基本上是秒完成。

复制走人

结果出现在下面的输出框，压缩模式下还会显示压缩前后的体积对比。点"复制结果"就能直接拿去用。

哪些场景用得上

网站上线前瘦身

发布前把 HTML 压一下，去掉开发时留的注释和多余空白，页面加载能快不少，搜索引擎打分也更高。

排查别人的代码

拿到一段压缩过的 HTML 想弄清楚结构？用格式化功能展开成缩进格式，标签层级看得清清楚楚。

邮件模板 / 小程序

邮件 HTML 模板和小程序页面对体积比较敏感，压缩后能减少传输时间，加载起来更顺畅。

常见问题

压缩后网页还能正常打开吗？

能。压缩只是把注释、多余的空格和换行删掉了，HTML 标签、属性、内嵌的 JS 和 CSS 全都原封不动。按钮点击、表单提交、图片展示这些功能不会受影响。不放心的话，压完了先在本地浏览器里打开试试。

你们会保存我的代码吗？

不会。压缩和格式化都在你自己的浏览器里完成，关掉页面代码就没了。可以打开浏览器的开发者工具（F12）看网络请求，点压缩的时候不会有任何数据发出去。

能压多大的 HTML 文件？

没有人为限制。不过处理是在浏览器里跑的，代码量太大（比如超过 5MB）可能会慢一些，看你设备性能。一般网页 HTML 文件也就几十到几百 KB，完全没问题。如果特别大，建议把内嵌的 JS、CSS 拆出来单独压。

压缩大概能缩小多少？

看你原始代码的"水分"有多大。要是开发的时候留了很多注释、空行、缩进，压缩率能到 40%-60%。已经比较精简的代码大概 15%-25% 左右。100KB 的 HTML 压到 50KB 左右是很常见的。

内嵌的 script 和 style 会被压缩吗？

不会。工具会自动识别 <script>、<style>、<pre>、<textarea> 这些标签里的内容，完全跳过不动。你要压缩内嵌的 JS 可以用我们的「JS 压缩」工具，CSS 可以用「CSS 压缩」工具。

格式化功能是干嘛的？

就是把挤成一行的 HTML 重新加上缩进和换行，变成人能看懂的格式。比如你从线上网页扒了段代码想研究结构，格式化一下就清楚了。用的 js-beautify 开源库，格式化效果很稳。

压缩后想还原怎么办？

压缩是单向的，删掉的注释和空白找不回来。建议压之前备份一份原始代码。不过你可以把压缩后的代码用"格式化"功能整理一下，虽然注释回不来，但至少缩进层级能恢复。

在线 HTML 压缩 / 格式化

输入 HTML

输出结果