开发者工具

CSS 压缩工具

在线压缩 CSS,保守移除普通注释、缩进和安全标点周围空白,同时保留字符串、URL、calc() 和保留注释。

粘贴 CSS 片段或样式表内容,生成更紧凑的输出用于文档示例、内联样式、主题片段或发布前检查。处理在浏览器本地完成,不上传输入,也不会执行或请求外部资源。

浏览器本地处理

CSS 压缩工具

当前处理器无输入上传端点,粘贴前请移除敏感内容

使用方法

三步完成处理

  1. 01

    把 CSS 样式表、组件样式、内联 style 片段或文档示例粘贴到输入框。

  2. 02

    点击“压缩 CSS”,工具会在浏览器本地生成保守压缩结果。

  3. 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、客户资料或含敏感路径的生产样式。

继续探索

最后更新: