HTML 压缩
粘贴 HTML,拿回一个去掉了无人可见的空白的版本。输入框下方的计数会显示省下了多少。
代码不会离开此页面:格式化在你的浏览器中完成。
- 免费
- 文件不会离开你的设备
- 无需注册
- 不限文件数量
使用方法
- 把 HTML 粘贴到第一个输入框——输入时即刻压缩。
- 查看输入框下方的体积数字。
- 复制结果,或点击「格式化」把它重新展开。
实用说明
哪些会被删除,哪些不会
标签之间的换行、连续空格和普通注释会被删除。条件注释会保留,因为其中含有供旧浏览器使用的标记。pre、textarea、script 和 style 内部的一切原样搬运——那里的换行是内容,不是排版。
这件事到底值多少
在一个普通页面上,压缩在启用传输压缩之前能省下一到两成,启用之后省得少得多,因为 gzip 本来就很擅长处理重复空白。它值得放进构建流程,也值得在开发阶段彻底忘掉——那里可读的标记不花什么成本,却能省下几个小时。
常见问题
页面看起来还一样吗?
一样,但有一点要注意:行内元素之间的空格在页面上是看得见的。所以标签之间的空白会被收缩成一个空格,而不是删掉,布局因此不会跑位。
代码会发送到哪里吗?
不会。全部在页面内完成,未发布的模板仍留在你手里。
它会压缩里面的 CSS 和 JavaScript 吗?
不会。这些块原样复制。样式表请用 CSS 压缩工具——用处理标记的工具去改脚本,正是那些隐蔽 bug 的来源。
可以还原吗?
点击「格式化」,标记会重新排布并带上缩进。原来的换行已经没有了,但结构会回来。
相关工具
- HTML 格式化 粘贴 HTML 就能读了。每个标签单独一行,按嵌套层级缩进——找出那个忘记闭合的 div,没有更快的办法。
- CSS 压缩 粘贴样式表,拿回压缩后的版本。输入框下方的计数显示压缩前后的体积,你能直接看出这么做值不值。
- JSON 压缩 粘贴 JSON,拿回不含一个多余字节的版本:没有缩进、没有换行、数据一模一样。格式化过的响应通常能缩小 20% 到 40%。
- CSS 格式化 粘贴样式表——哪怕它只有一行——就能重新读懂。每条声明单独一行,嵌套块获得应有的缩进,注释留在它该在的位置。
- XML 格式化 机器生成的 XML 往往是一条极长的行。粘贴到这里,结构就会浮现出来:每个元素单独一行,按深度缩进。
- SQL 格式化 把从日志或 ORM 里拿到的、挤成一行的查询粘进来,它又会变回一份能读的查询——SELECT、FROM、WHERE 和每个 JOIN 各据一行。