CSS 压缩 & 美化工具
压缩 CSS 以减少样式表大小，或将其美化回可读的缩进代码。字符串、url() 值和 /*! bang 注释会被保留，calc() 内的空格不会被破坏。
输入
设置
/*! … */ bang 注释始终保留。
输出
使用此工具的更多方式
REST API
curl -X POST https://api.iotools.cloud/v1/tool/css-minifier-beautifier \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"css": "body {\n color: red;\n}\n\n@media screen and (min-w…",
"mode": "minify",
"indent": "2",
"keepComments": ""
}'替换成您账户中的密钥。工具的字段即为请求体——没有额外包装。
让 AI 代理执行
Use the IOTools `css-minifier-beautifier` tool (CSS Minifier & Beautifier) on this input:
YOUR_INPUT_HERE将此粘贴给任何已连接 IOTools MCP 服务器的代理,再加上您的输入内容。
嵌入式小组件
<iframe
src="https://iotools.cloud/embed/css-minifier-beautifier/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="CSS 压缩 & 美化工具 — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>把它放到您自己的页面上——免费,无需密钥,只需保留一个反向链接。
| 每次 API/MCP 调用费用 | 5 积分起 |
|---|---|
| 需要更多积分? | 查看定价 |
也可通过
使用指南
粘贴样式表，获得其压缩到最小安全大小或展开为干净的缩进代码。同一工具可以在两个方向工作，因此您可以压缩生产环境的样式表，并取消压缩需要阅读的供应商文件 — 而无需离开页面。
使用方法
- 将您的 CSS 粘贴到输入框中，或上传
.css文件。 - 选择格式：
- 压缩 — 所有内容都以尽可能少的字节计。
- 压缩，但保留换行符 — 压缩的声明，每行一条规则。当您仍想比较输出或针对它读取堆栈跟踪时很有用。
- 美化 — 重新缩进和展开样式表。选择 2 个空格、4 个空格或制表符。
- 复制结果或将其下载为
.css文件。
输出会在您键入时实时更新。任何内容都不会发送到任何地方 — 请参阅下面的隐私说明。
压缩实际上会删除什么
注释，以及 CSS 语法可能不需要的每一个空格序列。声明变为 color:red，} 前的最后一个 ; 被删除，!important 失去其前导空格，选择器组合符变得紧密（a > b + i 变为 a>b+i）。
该工具故意不触及的内容同样重要：
- 字符串保持字节相同。
content: "/* not a comment */"是一个字符串，而不是注释，并完整输出。 url()值是不透明的 — 包括填充了;和,的无引号data:URI，朴素正则表达式压缩工具会将其一分为二。calc()保持其空格。calc(100% - 10px)有效；calc(100%-10px)是语法错误。值内+和-周围的空格至关重要，会保留。- 后代组合符存活。
p :first-child（p内的每个第一个子元素）不是与p:first-child（作为第一个子元素的p）相同的选择器。它们之间的空格被保留。 /*! … */bang 注释被保留，这是许可证标头的常见标记方法。
它会重命名类或重写我的属性吗？
不。这是一个空格和注释压缩工具，而不是优化器。它不会合并重复规则、删除空规则、将 #ffffff 缩短为 #fff 或重新排序任何内容。输出始终是与输入行为完全相同的样式表 — 较小的输出绝不值得默认改变您的 CSS 所做的事情。
我的 CSS 会变小多少？
在手写 CSS 上通常为 20–35%，主要来自缩进和注释。已压缩的 CSS 几乎不会变化。使用 gzip 或 brotli 压缩提供结果给您的收益远超压缩，所以两样都做。
我可以取消压缩样式表吗？
是的 — 这就是美化的作用。粘贴压缩的 CSS，选择您的缩进，您将获得一个可读的样式表。在原始压缩中幸存的注释会被保留并放在自己的行上。
为什么我的空规则仍然存在？
因为删除规则是结构性改变，而该工具只处理空格和注释。.unused {} 是无害的；如果您想删除它，请在您的源代码中删除。
我的 CSS 会被上传到某处吗？
不。压缩工具完全在您的浏览器中运行 — 您的样式表永远不会发送到服务器，永远不会被记录，永远不会被存储。上传文件会在页面中本地读取它。您可以断开网络连接，该工具仍然有效。