CSS 压缩与格式化

CSS 格式化与多级压缩工具,支持代码美化、单行压缩及极致全量压缩。

🔒 本地处理 🎯 词法分析 📦 体积统计

优先浏览器直连(对方允许跨域时不经服务器);被跨域限制时自动改用本站同源代理取回。多个文件会按顺序拼接并标注来源。仅读取公开的 http/https 地址,源码不会保存在服务器。

原始0 B
输出—
节省—
比例—
gzip—
0 字符
0 字符

使用说明

  • 载入网络地址:把 CSS 文件的网址粘进「网络地址」框(每行一个,最多 10 个)后回车或点「载入」。先尝试浏览器直连,若目标站点不允许跨域则自动改用本站同源代理取回;多个文件会按顺序拼接,并在每段前标注来源地址。
  • 相对 url() 补全:CSS 里的 url(../img/a.png) 是相对 CSS 文件自身解析的。从 CDN 抓一份压缩后的 CSS 换到自己的站点,域名一变图片就会失效。勾选「相对 url() 补全为绝对地址」可按来源地址把它们还原成完整网址。
  • 格式化:把压缩过的 CSS 还原成易读的多行缩进形式,选择器与 @ 规则各占一行,属性与值之间补一个空格。
  • 普通压缩:删除注释与多余空白,去掉 } 前的末位分号,每条规则结束后换行 —— 便于与原文件 diff。
  • 完全压缩:在普通压缩的基础上把整份结果合并成一行,体积最小,适合直接上线。
  • 体积统计:原始与输出按 UTF-8 真实字节计算;「gzip」一栏是压缩后的实际传输体积(服务器开启 gzip 时接近这个数)。
  • 安全处理:工具使用词法分析而非正则,content: "a;b{c}"、url(data:image/svg+xml;…)、@media 条件里的括号与分号都不会被误改。
  • 快捷键:Ctrl + Enter 格式化,Ctrl + Shift + Enter 完全压缩。
  • 隐私:所有处理都在你的浏览器里完成,CSS 源码不会上传到服务器;输入内容会暂存在本机浏览器,下次打开自动恢复。