HTML 压缩
新通过移除注释和折叠空白来压缩 HTML。
Runs entirely in your browser. Nothing is uploaded.
一站式HTML压缩与美化
这款HTML压缩工具能去除浏览器渲染页面时不需要的所有内容——注释、多余空白，以及标签之间的换行和缩进——让最终交付的文件体积更小，但页面的外观和功能完全不变。粘贴代码或拖入.html文件，压缩结果即刻呈现，精确显示节省的字节数和百分比。
它同时具备HTML压缩器和HTML美化器的功能：一键切换压缩与反压缩模式，同一个工具既能将代码压缩到极致，也能把压缩后的页面还原为整洁、带缩进的代码。全程在浏览器中运行——无需上传、无需注册、无使用限制。
会删除什么，绝不会动什么
压缩HTML时，工具会删除注释（<!-- … -->），合并连续空白，清除块级标签之间的空隙，折叠布尔属性（disabled="disabled"变为disabled），并可选择性地去掉冗余的闭合标签，如</li>和</td>。条件注释（<!--[if IE]>）始终保留。
安全性有保障。<pre>、<textarea>、<script>和<style>标签内的内容在任何处理开始前都会受到保护；行内元素（链接、<span>、<strong>）之间的单个空格也会保留，文字不会连成一片。这与GitHub上拥有5000多个星标的HTMLMinifier库所采用的安全模型相同。引号内的属性值同样受到保护，带有双空格的title属性会原样保留。
压缩与美化双向转换
需要阅读被压缩成一行的页面代码？切换到美化模式即可反压缩HTML：工具会重新缩进代码，将标签分行排列，让结构一目了然。可选2空格、4空格或Tab缩进，以匹配项目风格。
由于压缩与美化是可逆操作，你可以粘贴已压缩的线上HTML代码，读懂后修改，再次压缩——全程无需离开页面或安装任何软件。PrettyDiff和Prettier也提供类似的HTML格式化功能，但需要Node.js或浏览器扩展。本工具在任意浏览器、任意设备（包括手机）上即开即用，零配置。
精确显示节省的字节数——含gzip估算
统计栏会实时显示原始大小、输出大小，以及节省的字节数和百分比，让你随时掌握HTML缩减了多少。大小以真实的UTF-8字节计算，而非字符数，与服务器实际传输量完全一致。
工具还会在浏览器本地计算gzip压缩后的估算值。压缩HTML与gzip可叠加使用——先压缩源码，再由服务器进行gzip压缩——同时显示两个数值能让综合收益一目了然。Google的PageSpeed Insights和web.dev均建议同时执行这两个步骤。大多数同类HTML压缩工具只显示压缩后的字节数，而本工具同时提供gzip估算，这才是决定网页网络加载速度的关键数字。
安全压缩内联CSS与JavaScript
实际页面中往往包含内联样式和脚本。开启压缩内联CSS，每个<style>块都会像专业CSS压缩工具一样被处理——删除注释和空白，同时保护字符串、url()和calc()，确保不出任何问题。
压缩内联JS会对<script>块进行保守处理：删除注释并合并缩进，但刻意保留换行符，以防依赖自动分号插入（ASI）的JavaScript代码出错。类型标记为JSON、模板或其他非JavaScript的脚本会被识别并跳过，保持原样。这种综合处理方式优于依次运行CSS压缩工具和JS压缩工具的方案，因为单独使用时各自可能无法正确识别混合HTML文件中的上下文。
与HTMLMinifier.com、Minifier.org等工具的对比
目前最流行的几款在线HTML压缩工具——HTMLMinifier.com、Minifier.org和Willpeavy.com——均在服务器端处理代码。你粘贴的每一段代码都会通过网络传输到第三方服务器。对于公开测试用的HTML来说问题不大；但对于客户项目、未发布的页面，或任何包含身份验证令牌、私密内容或表单数据的HTML，这构成真实的隐私风险。Minifycode.com也存在同样的局限。
本工具完全在浏览器中运行。压缩HTML的JavaScript代码在页面加载时下载一次，之后在本地执行——不涉及服务器，不传输任何数据。对于WordPress站点，它能填补WP Rocket、LiteSpeed Cache、Autoptimize等插件无法覆盖的空白：单独的模板片段、自定义区块和HTML邮件模板，往往绕过插件的自动压缩流程。在提交模板修改前用它快速检验，或作为没有构建系统的项目的主要压缩工具，都是很好的选择。
Frequently asked questions
什么是HTML压缩（HTML最小化）？
HTML压缩是指删除浏览器渲染页面时不需要的所有字符——注释、换行符、缩进以及标签之间的空白——而不改变页面的外观和功能。例如，'<ul>\n <li>One</li>\n <li>Two</li>\n</ul>'（约43字节）压缩后变为'<ul><li>One</li><li>Two</li></ul>'（33字节）。访客看到的列表与压缩前完全相同。单个片段节省的看似不多，但充满缩进和CMS生成标记的真实HTML页面，通常能减少15–25%的原始字节，与服务器的gzip压缩叠加后效果更显著。
为什么要压缩HTML？
HTML体积更小意味着下载字节更少，浏览器解析也更快，从而加快页面加载速度——提升首次内容绘制（FCP）和Core Web Vitals评分，在移动端尤为明显。Google的PageSpeed Insights会将未压缩的HTML标记为标准性能问题，并将其纳入优化建议。对于手写或CMS生成的、充满缩进和开发者注释的页面，效果最为突出。每减少一KB，访客就少下载一KB，在带宽有限的慢速移动网络上意义尤为重大。
压缩时会删除哪些内容？
会删除注释（<!-- … -->）、连续空白、标签之间的缩进和换行，以及块级元素之间的空隙。压缩工具还会折叠布尔属性（'disabled="disabled"'变为'disabled'），并可选择性地去掉冗余的闭合标签，如</li>和</td>。条件注释（<!--[if IE]>）始终保留，因为它们对旧版IE定向仍有意义。<pre>、<textarea>、<script>和<style>内的内容绝不会被触碰——这些元素内的空白具有实际意义，修改会导致页面出错。
压缩HTML值得做吗？
值得，尤其是HTML没有经过构建工具处理的情况下。手写页面、从CMS导出的页面、WordPress主题生成的页面，以及HTML邮件和内联<style>/<script>块，都附带了大量缩进和注释，压缩可以免费去除这些冗余。如果Vite或webpack等打包工具已经压缩了你的输出，这些文件就不需要再处理一遍——但现实中大多数HTML都不经过打包工具。Jekyll和Hugo等静态站点生成器将HTML压缩作为可选插件提供；WP Rocket、LiteSpeed Cache和Autoptimize等WordPress插件则能对每次页面渲染自动执行压缩。
HTML压缩后能缩小多少？
作为纯文本，压缩通常能节省10–25%。一个30KB的手写页面往往能缩减至约24KB；'<ul>\n <li>One</li>\n <li>Two</li>\n</ul>'（43字节）这样的小片段压缩后变为33字节，约缩小23%。经服务器gzip压缩后，综合压缩率通常可达70–85%。本工具会同时显示压缩后的大小和gzip估算值，让你一眼看清两项数据。gzip估算在浏览器本地计算，不涉及服务器，无需上传任何内容即可获得真实的综合节省量。
压缩HTML会破坏页面吗？
安全压缩不会，本工具正是采用这种方式。工具不会碰<pre>、<textarea>、<script>或<style>内的内容（这些元素中空白有实际意义），并且保留行内元素（链接、<span>等）之间的单个空格——确保'a <a href="/x">link</a> here'不会变成'a link here'连成一片。部分快速在线压缩工具会合并这些间距，导致渲染或布局出现细微变化。最流行的Node.js HTML压缩库Kangax的HTMLMinifier也出于同样原因采用了类似的安全优先设计。如果压缩后发现任何渲染差异，可切换到美化模式恢复原始结构。
如何反压缩或美化HTML？
点击顶部的切换按钮切换到美化模式，粘贴压缩后的HTML即可。工具会重新缩进代码，将标签分行排列，把'<ul><li>One</li><li>Two</li></ul>'还原为易读的格式化代码。可选2空格、4空格或Tab缩进以匹配项目风格。这是压缩的逆操作——适用于检查线上发现的已压缩页面、阅读被构建工具压扁的CMS模板，或通过完整的标签结构调试布局。
压缩与gzip/Brotli压缩有什么区别？
压缩（最小化）是缩减源码文本本身——你交付的是一个物理上更小的.html文件。gzip和Brotli在传输过程中压缩字节，浏览器在接收后透明解压。两者可叠加使用：先压缩源码，再让服务器进行gzip压缩。Google的web.dev建议同时执行这两个步骤——压缩能消除gzip无法充分压缩的字节，而gzip能处理压缩后仍保留的重复模式。这正是本工具同时显示压缩字节数和gzip估算值的原因，让你在部署前后都能看到完整的综合收益。
压缩与混淆有什么区别？
压缩使HTML体积更小，同时保持其有效性，美化后完全可读——它只删除浏览器忽略的字符。混淆则刻意对代码进行扰乱或改写，使其难以理解或复制。压缩HTML不会重命名类名、ID或内容，也不改变任何含义；它是无损且可逆的，而混淆则不然。如果你希望阻止他人查看HTML源码（但浏览器的查看源码功能始终可以暴露），仅靠压缩无济于事——你需要超出压缩工具范畴的其他技术手段。
能同时压缩内联CSS和JavaScript吗？
可以，一次完成。保持"压缩内联CSS"开启，工具会压缩每个<style>块的内容——去除注释和空白，同时保护字符串、url()和calc()，确保不出任何问题。"压缩内联JS"会保守处理<script>块：删除注释并合并空白，但刻意保留换行符，防止依赖自动分号插入（ASI）的代码出错。类型标记为JSON、模板或其他非JavaScript类型的脚本会被识别并保持原样。这种综合处理方式填补了纯CSS压缩工具和纯JS压缩工具各自的空白——两者单独处理混合了三种语言的HTML文件时，都可能误读上下文。
在线压缩HTML安全吗？
使用本工具完全安全——因为它100%在浏览器中通过JavaScript运行。你的HTML不会被上传、记录或储存到任何地方，即使是未发布的页面、客户项目或包含私密数据的代码也完全留在你的设备上。你可以断开网络连接来验证这一点：压缩工具在离线状态下仍然正常工作，因为根本不涉及服务器。相比之下，HTMLMinifier.com和Minifier.org都会将你的HTML发送到远程服务器进行处理，Willpeavy.com的HTML压缩工具也需要服务器往返。对于机密项目，浏览器本地处理是唯一安全的选择。
如何在WordPress中压缩HTML？
有两种方式。一次性处理：复制渲染后的页面源码（或模板输出），粘贴到这里进行压缩。自动处理每个页面：缓存或优化插件可以动态压缩HTML——WP Rocket、W3 Total Cache、LiteSpeed Cache和Autoptimize都包含HTML压缩设置。WP Rocket和LiteSpeed Cache对复杂主题和大量动态内容的处理最为可靠。本工具非常适合处理这些插件无法自动覆盖的内容，例如主题片段、自定义区块和HTML邮件模板，包括Elementor自定义版块或ACF字段模板等。
本工具与HTMLMinifier.com或Minifier.org相比如何？
HTMLMinifier.com和Minifier.org是流行的在线HTML压缩工具，但两者都将你的HTML发送到远程服务器处理。这意味着你的代码——包括未发布的页面、表单中的密码或私密的客户项目——都会离开你的设备。Minifycode.com也是服务器端工具，存在同样的局限。本工具完全在浏览器本地运行，任何内容都不会被上传。功能方面，它在同一界面内集成了双向美化器、实时gzip估算和内联CSS/JS压缩——全程无需页面刷新或服务器往返。
这款HTML压缩工具支持iPhone和Android吗？
完全支持移动端——从剪贴板粘贴HTML，立即查看压缩结果，然后复制回去。界面适配小屏幕，已在iOS的Safari和Android的Chrome上测试通过。移动端的一个常见使用场景是：在提交模板修改前，检查页面模板能缩小多少——直接从手机浏览器的查看源码中粘贴HTML即可看到节省量。无需下载App，无需注册，移动端无使用限制。页面加载后，在没有网络连接的情况下也能正常使用。
