CSS Minifier
Minify and compress CSS
输入 CSS
压缩后的 CSS
关于本工具
CSS 压缩会从样式表中删除所有空白、注释和冗余字符,同时保留完整功能。浏览器对压缩后的 CSS 和原始 CSS 的解释完全相同,纯粹是为了更快传输而减小大小。
对于大型样式表,压缩通常可以将大小减少 20-50%。与服务器 gzip 压缩结合使用时,节省效果更大。大多数构建工具(Webpack、Vite、Parcel)在生产构建中自动包含 CSS 压缩。
使用方法
- 将 CSS 粘贴到左侧输入面板。
- 点击「压缩」来压缩 CSS。
- 节省指示器显示删除了多少字符。
使用场景
前端开发人员在部署到生产环境之前减少 CSS 包大小。对于手动压缩不由构建工具管理的第三方样式表或旧版 CSS 非常有用。
常见问题
- 压缩会改变 CSS 的行为吗? — 不会。压缩只删除空白、注释和冗余分号,不会修改选择器、属性名或值。
- CSS 注释会被删除吗? — 是的。压缩时会删除所有注释(/* ... */)以减小文件大小。
- 我的 CSS 会发送到服务器吗? — 不会。所有处理都在浏览器中本地进行。您的 CSS 不会离开您的设备。