HTML 压缩与美化工具
压缩 HTML 用于生产环境，或美化代码以提升可读性（100% 客户端处理）
🔒 100% 本地处理您输入的数据完全在浏览器中处理，不会上传到任何服务器。
输入大小:
0 bytes
输出大小:
0 bytes
⚠️ 安全提示：预览内容渲染在沙箱iframe中。仅执行HTML代码中的脚本。不会阻止外部资源。
预览在沙箱iframe中渲染以确保安全。某些功能可能受限。
HTML压缩器与美化器文档
这个工具是什么？
此工具允许您压缩（精简）或美化HTML代码。压缩可删除不必要的空白和注释，以减少文件大小用于生产部署。美化则使用适当的缩进格式化HTML，以提高开发期间的可读性。
主要功能
- 压缩HTML - 删除空白、换行符和注释以减少文件大小
- 美化HTML - 使用适当的缩进和换行符格式化HTML以提高可读性
- 可自定义缩进大小（2个空格、4个空格或制表符）
- 压缩时保留注释的选项
- 文件大小对比显示压缩比
- 实时 HTML 预览功能，即时查看代码渲染效果（沙箱安全保护）
常见用例
- 优化HTML文件用于生产部署以减少页面加载时间
- 格式化压缩的HTML以便于调试和代码审查
- 清理格式不一致的HTML代码
- 通过向用户提供压缩的HTML来减少带宽使用
美化功能的调整项
美化HTML时，工具会执行以下格式化改进：
- 根据嵌套层级添加适当的缩进（可配置：2个空格、4个空格或制表符）
- 在开始/结束标签后插入换行符，提高可读性
- 规范化元素之间的空白字符，同时保留文本内容
- 保留 pre、code 和 textarea 标签内的格式
压缩功能的调整项
压缩HTML时，工具会执行以下优化操作：
- 移除所有不必要的空白字符、换行符和缩进
- 移除HTML注释（可选：可通过"保留注释"选项保留）
- 将多个连续空格合并为单个空格
- 移除标签周围的空白字符，同时保持功能性间距
- 保留 pre、code、textarea 和内联文本中的关键空白字符
预估文件尺寸变化
基于原始格式和内容的典型文件尺寸变化：
美化操作
+5%至+15%增长（添加格式化空白字符）
压缩操作
-10%至-30%减少（移除所有非必需空白字符）