HTML 压缩

HTML 压缩/去注释：去除注释与多余空白，减少页面体积。

纯浏览器本地运行，数据不上传服务器

输入

压缩结果

等待输入…

使用说明

粘贴 HTML，点击“压缩”。
删除注释、标签间空白与多余空格，压缩为单行紧凑格式。
注意：压缩会改变代码可读性，生产构建时使用。

常见问题

会破坏 script 内容吗？

标签间的空白压缩不影响 script 内部字符串，但

/ 内的空白可能变化，谨慎使用。</div></details>
<details class="faq"><summary>能还原吗？</summary><div class="faq-a">不能，压缩不可逆；请保留原文件。</div></details>
</section>
<section class="related-section">
  <h2>同类工具</h2>
  <div class="related-grid">
    <a class="related-card" href="/version-compare/"><h3>版本号比较</h3><p>版本号比较：比较两个 semver 版本号大小（如 1.2.3 vs 1.10.0）。</p></a>
<a class="related-card" href="/code-stats/"><h3>代码行数统计</h3><p>代码行数统计：总行数、代码行、注释行、空行分类统计。</p></a>
<a class="related-card" href="/code-escape/"><h3>代码转义</h3><p>代码转义工具：JS/HTML/URL 转义与反转义，注入防护与调试。</p></a>
<a class="related-card" href="/keyword-density/"><h3>关键词密度分析</h3><p>文本关键词密度分析：分词统计高频词占比，SEO 内容优化参考。</p></a>
<a class="related-card" href="/time-format/"><h3>毫秒时长格式化</h3><p>毫秒转天时分秒：时长格式化工具，性能分析常用。</p></a>
<a class="related-card" href="/bracket-check/"><h3>括号匹配检查</h3><p>括号匹配检查：检测 ()、[]、{}、中文括号是否配对闭合。</p></a>
<a class="related-card" href="/password-strength/"><h3>密码强度检测</h3><p>密码强度评估：长度、字符类别、常见弱密码检测，5 档评分。</p></a>
<a class="related-card" href="/color-palette/"><h3>配色方案生成</h3><p>配色方案生成：输入主色生成单色/互补/类似色配色方案。</p></a>
<a class="related-card" href="/idcard/"><h3>身份证校验</h3><p>在线身份证号码校验工具，验证 18 位号码格式、校验位与出生日期，解析性别年龄。</p></a>
<a class="related-card" href="/color-format/"><h3>颜色格式转换</h3><p>颜色格式转换：HEX、RGB、HSL 三种格式互转，支持常用颜色名。</p></a>
<a class="related-card" href="/luhn/"><h3>银行卡号校验</h3><p>在线银行卡号校验工具（Luhn 算法），验证卡号合法性并识别常见卡组织，本地计算。</p></a>
<a class="related-card" href="/regex-tester-extra/"><h3>正则表达式测试</h3><p>正则测试器：输入正则与文本，输出匹配数量与结果。</p></a>
  </div>
</section>
</div>
</main>
<a class="feedback-btn" href="https://tally.so/r/KYjdy7" target="_blank" rel="noopener nofollow" aria-label="反馈建议">反馈</a>
<button class="to-top" id="to-top" aria-label="返回顶部" hidden>
  <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path d="M3 10l5-5 5 5" stroke="currentColor" stroke-width="1.8" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<footer class="site-footer">
  <div class="container footer-grid">
    <div class="footer-brand">
      <div class="footer-logo"><img class="logo-img footer-logo-img" src="/logo.png" alt="D-Tool 标志" width="28" height="28" loading="eager"><span>D-Tool</span></div>
      <p>纯浏览器本地运行的在线站长工具箱，无需注册登录，数据不上传服务器。</p>
    </div>
    <nav class="footer-col footer-cats" aria-label="分类">
      <h3>分类</h3>
      <a href="/#codec">编码加密</a><a href="/#convert">转换计算</a><a href="/#text">文本处理</a><a href="/#image">图片处理</a><a href="/#gen">生成工具</a><a href="/#dev">开发辅助</a><a href="/#math">数学计算</a><a href="/#date">日期时间</a><a href="/#web">网络信息</a><a href="/#life">生活实用</a><a href="/#ref">速查手册</a>
    </nav>
    <nav class="footer-col" aria-label="站点">
      <h3>站点</h3>
      <a href="/about/">关于</a>
      <a href="/privacy/">隐私说明</a>
      <a href="/sitemap.xml">站点地图</a>
    </nav>
  </div>
  <div class="container footer-bottom">
    <span>© 2026 D-Tool 在线工具箱</span>
    <a class="beian" href="https://beian.miit.gov.cn" target="_blank" rel="noopener nofollow">湘ICP备2025101669号-3</a>
    <span><a class="footer-feedback" href="https://tally.so/r/KYjdy7" target="_blank" rel="noopener nofollow">意见反馈</a> · 所有工具均在浏览器本地运行</span>
  </div>
</footer>
<script type="module" src="/assets/js/main.15uxc9g.js"></script>
<script type="module" src="/assets/js/t/transform.js"></script>
<script defer src="https://umami.pldduck.com/script.js" data-website-id="5782074a-f6a8-47fc-9804-0dd368195fcd"></script>
</body>
</html>