HTML 压缩
粘贴 HTML,拿回一个去掉了无人可见的空白的版本。输入框下方的计数会显示省下了多少。
代码不会离开此页面:格式化在你的浏览器中完成。
- 免费
- 文件不会离开你的设备
- 无需注册
- 不限文件数量
使用方法
- 把 HTML 粘贴到第一个输入框——输入时即刻压缩。
- 查看输入框下方的体积数字。
- 复制结果,或点击「格式化」把它重新展开。
实用说明
哪些会被删除,哪些不会
标签之间的换行、连续空格和普通注释会被删除。条件注释会保留,因为其中含有供旧浏览器使用的标记。pre、textarea、script 和 style 内部的一切原样搬运——那里的换行是内容,不是排版。
这件事到底值多少
在一个普通页面上,压缩在启用传输压缩之前能省下一到两成,启用之后省得少得多,因为 gzip 本来就很擅长处理重复空白。它值得放进构建流程,也值得在开发阶段彻底忘掉——那里可读的标记不花什么成本,却能省下几个小时。
常见问题
页面看起来还一样吗?
一样,但有一点要注意:行内元素之间的空格在页面上是看得见的。所以标签之间的空白会被收缩成一个空格,而不是删掉,布局因此不会跑位。
代码会发送到哪里吗?
不会。全部在页面内完成,未发布的模板仍留在你手里。
它会压缩里面的 CSS 和 JavaScript 吗?
不会。这些块原样复制。样式表请用 CSS 压缩工具——用处理标记的工具去改脚本,正是那些隐蔽 bug 的来源。
可以还原吗?
点击「格式化」,标记会重新排布并带上缩进。原来的换行已经没有了,但结构会回来。
相关工具
- HTML 格式化 粘贴 HTML 就能读了。每个标签单独一行,按嵌套层级缩进——找出那个忘记闭合的 div,没有更快的办法。
- CSS 压缩 粘贴样式表,拿回压缩后的版本。输入框下方的计数显示压缩前后的体积,你能直接看出这么做值不值。
- JSON 压缩 粘贴 JSON,拿回不含一个多余字节的版本:没有缩进、没有换行、数据一模一样。格式化过的响应通常能缩小 20% 到 40%。
- JSON 格式化与校验 粘贴 JSON,即可获得格式化、校验或压缩后的结果。数据始终留在浏览器里——当内容含有令牌或客户数据时,这一点尤为重要。
- Base64 编码解码 粘贴文本得到 Base64,粘贴 Base64 得回文本。中文、西里尔字母和表情都能完好通过——字符串按 UTF-8 读取,而不是按某一种语言的字节。
- 字数统计 输入或粘贴文本,统计结果立即更新:词数、字符数、句子数、段落数以及预计阅读时间。
- 大小写转换 粘贴文本、选择样式、复制结果。同样的词有九种写法:四种日常写法,五种程序员常争论的写法。
- CSV 转 JSON 粘贴表格,得到 JSON。解析遵循 RFC 4180,因此「张三, 李四」这样的单元格仍是一个字段,而不会被拆成两个——多数速成转换器正是在这里出错。