HTML 压缩工具
HTML 压缩工具是一款免费的在线工具,用于压缩标记代码以减小文件体积。它会删除注释、合并标签之间的空白、移除可选结束标签并清理冗余属性,生成更小、加载更快的 HTML 页面,且不改变其渲染效果。
为什么要压缩 HTML
渲染更快
更小的负载
无需构建步骤
如何压缩 HTML
粘贴或上传 HTML
在左侧输入面板中键入或粘贴标记代码,或点击 上传 载入 .html 文件。点击 示例 即可用示例代码试用。
选择选项
开启 删除注释、合并空白 和 移除可选标签 以控制页面的压缩力度。
压缩
点击 压缩 或按 Ctrl + Enter。压缩后的 HTML 会立即显示在输出面板中。
查看并导出
在统计栏查看原始大小、压缩后大小和节省比例。然后 复制 结果或将其 下载 为文件。
优化与功能
可配置的压缩选项
每个选项针对一种特定的冗余来源。组合使用即可在体积与可读性之间达到你想要的平衡。
| 选项 | 作用 | 默认 |
|---|---|---|
| 删除注释 | 删除 <!-- --> 注释,同时保留条件注释 | 开启 |
| 合并空白 | 移除标签之间及周围多余的空格和换行 | 开启 |
| 移除可选标签 | 去掉可选结束标签,如 </li>、</p>、</td> | 关闭 |
默认即智能且安全
保留敏感标签
<pre>、<script>、<style> 和 <textarea> 内的内容绝不会被改动,因此格式和代码保持完整。
移除默认属性
删除浏览器本就默认的冗余声明 type="text/javascript" 与 type="text/css"。
保留条件注释
即使开启了删除注释,旧版 IE 的条件注释仍会被保留。
压缩统计
每次运行后查看原始大小、压缩后大小及节省百分比。
常见问题
我的代码会被发送到服务器吗?
不会。所有压缩都在你的浏览器本地完成。你的 HTML 绝不会被上传、记录或存储在任何地方。
压缩会破坏我的 HTML 吗?
不会。压缩工具会保留 <pre>、<script>、<style> 和 <textarea> 标签内的内容,只删除文档其余部分的空白和注释,因此页面渲染完全相同。
什么是"可选结束标签"?
在 HTML5 中,某些元素的结束标签——如 </li>、</p> 和 </td>——是可选的。浏览器会推断它们的位置,因此删除它们仍是有效的 HTML,能减小文件体积且不影响渲染。
能减小多少文件体积?
页面通常缩小 10%–30%,具体取决于源代码中空白、缩进和注释的多少。格式精细或注释密集的模板收益最大。
它会删除我的内联 JavaScript 或 CSS 吗?
不会。<script> 和 <style> 标签内的内容会原样保留。如需压缩这些部分,请先用专门的 JavaScript 或 CSS 压缩工具处理代码。
还没有评论,快来发表第一条!