CSS 压缩工具 — 在线压缩 CSS

如何使用 CSS 压缩工具

CSS 压缩工具通过去除注释和不必要的空白来减小样式表体积,让页面加载时需要下载的内容更少。将 CSS 粘贴到左侧,压缩后的版本会显示在右侧,可直接用于生产环境。

它的压缩过程是安全的,会保留 CSS 中字符实际具有意义的部分。字符串值和 url() 引用中的内容会被原样保留,因此文件路径、data URI、字体名称和引号内容都不会因去除空白而被破坏。最终得到的样式表体积更小,渲染效果却完全一致,不会出现粗心压缩可能引入的隐蔽错误。

压缩过程完全在浏览器本地完成,你粘贴的内容不会被上传。当你需要重新阅读或编辑压缩后的样式表时,可使用 CSS 格式化工具恢复整洁的缩进;若要压缩前端的其他资源,可使用 HTML 压缩工具和 JavaScript 压缩工具。

CSS 压缩工具会去除哪些内容?

它会去除注释,并折叠规则和声明之间的空白。选择器、属性和值都会保留,因此样式表体积更小,但呈现的视觉效果相同。

它会触及字符串值或 url() 内容吗?

不会。字符串以及 url() 引用中的内容会被原样保留,因此文件路径、data URI 和引号内容不会因去除空白而被破坏。

压缩会改变我网站的外观吗?

应该不会。只有无关紧要的空白和注释会被去除,而 CSS 中间距具有意义的部分会被保留,因此页面渲染效果保持不变。

我能撤销压缩吗?

被删除的注释无法恢复,但 CSS 格式化工具可以随时将压缩后的样式表重新缩进为易读的规则,方便你检查或编辑。

我的样式表会被上传吗?

不会。所有处理都在浏览器中完成,不会发送到任何服务器,因此可以安全地压缩私密或未发布的 CSS。