CSS 压缩工具
在线压缩 CSS,保守移除普通注释、缩进和安全标点周围空白,同时保留字符串、URL、calc() 和保留注释。
粘贴 CSS 片段或样式表内容,生成更紧凑的输出用于文档示例、内联样式、主题片段或发布前检查。处理在浏览器本地完成,不上传输入,也不会执行或请求外部资源。
浏览器本地处理
CSS 压缩工具
使用方法
三步完成处理
- 01
把 CSS 样式表、组件样式、内联 style 片段或文档示例粘贴到输入框。
- 02
点击“压缩 CSS”,工具会在浏览器本地生成保守压缩结果。
- 03
检查 calc()、自定义属性、许可证注释、浏览器兼容写法和目标构建流程,再复制输出。
这个 CSS 压缩工具会做什么?
工具会删除普通 CSS 注释,压缩换行、缩进和声明标点周围的空白,并移除声明块结尾不必要的分号。它不会加载资源、解析网页、执行脚本、调用构建工具或把输入发送到服务器。
为什么采用保守压缩?
CSS 中的字符串、url()、calc()、属性选择器、自定义属性和许可证注释都可能对空白或标记有要求。保守压缩优先保持语法有效,避免用简单字符串替换破坏样式。
压缩后还需要检查什么?
如果 CSS 包含 PostCSS/Sass/Less 语法、浏览器 hack、source map 注释、许可证说明、CSS 变量或复杂函数,请在目标构建和浏览器环境中复核。本工具不是完整构建流水线、兼容性审计或性能优化结论。
常见问题
关于这个工具
CSS 压缩会改变样式效果吗?
保守压缩通常只改变源码排版,但 CSS 函数、自定义属性、注释约定和浏览器兼容写法仍可能有边界。重要样式应在目标页面中预览。
普通注释会被删除吗?
会删除普通 /* ... */ 注释;以 /*! 开头的保留注释会保留,常用于许可证或团队必须保留的标记。
这个工具能替代项目构建工具吗?
不能。它适合浏览器本地片段压缩和人工检查,不替代 PostCSS、CSS bundler、autoprefixer、source map 或生产构建流程。
输入内容会发送到服务器吗?
当前 CSS 压缩在浏览器本地执行,不要求上传输入。仍请避免粘贴未公开设计、内部 URL、客户资料或含敏感路径的生产样式。
继续探索
相关工具
最后更新: