HTML / CSS / JS 压缩器
粘贴源代码,选择 HTML / CSS / JS,工具会去除多余空白与(可选)注释,返回单行压缩版本,并显示前后字节数与节省百分比。基于正则,快速、离线、无需库。适合小型行内片段与最后阶段微调;构建流水线请使用 terser 或 esbuild 等专门工具。
—
原始
234 B
压缩后
161 B
节省
31.2%
压缩
<!doctype html><html lang="en"><head><title>Sample Page</title></head><body><h1>Hello, world!</h1><p> This is a paragraph with multiple lines. </p></body></html>
使用方法
- 粘贴源代码。
- 选择语言(HTML / CSS / JS)。
- 切换是否去除注释。
- 复制压缩输出。
常见问题
- 可以用于生产吗?
- 小型 CSS 或 HTML 可以——规则较为保守。JavaScript 建议在构建中使用 terser 或 esbuild,本工具不重命名变量、不折叠常量、不消除死代码。
- 为何 JS 没被进一步压缩?
- 真正的 JS 压缩需要基于 AST 的工具。本压缩器只去除空白与注释——对手写片段已经显著,但不及 terser。
- <pre> 或 <textarea> 里的 HTML 会被破坏吗?
- 可能会——其中空白是有意义的。请避免对含此类元素的 HTML 使用,或先把其内容替换为占位再恢复。
- CSS 注释重要吗?
- 有时——/*! 许可证头部按惯例由专业压缩器保留。本工具开启「移除注释」时会全部删除;如需保留许可证,请关闭。
相关工具
SVG 优化
用 SVGO 压缩 SVG——清掉编辑器残留、四舍五入坐标、合并图形,并并排对比前后。文件不会上传。
图片 0 0
图片压缩
在浏览器中压缩并缩放 JPEG、PNG 和 WebP 图片。
图片 0 0
PDF 压缩
通过重新编码 PDF 内部的图片来缩小体积。文字依旧可选可搜索。文件不会上传。
文件 0 0
CSS 转 JS 样式对象转换器
在浏览器中将 CSS 声明块转换为 React/JS 内联样式对象。
开发 0 0
CSS 选择器测试器
在浏览器中针对你的 HTML 测试 CSS 选择器,精确查看匹配到哪些元素。
开发 0 0
XML 格式化与压缩工具
在浏览器中将 XML 美化为清晰的缩进格式,或压缩为一行。
开发 0 0