CSS 压缩

将 CSS 压缩为紧凑的样式表,无需重新排序规则。

输入
输出
0 字符 0 行

缩小 CSS,同时保留级联

CSS 压缩 删除了可避免的空格、注释和格式,因此样式表占用的空间更少。 它对于不需要完整构建管道的快速片段、嵌入样式、示例和静态资源非常有用。

CSS 缩小必须保留选择器顺序、声明顺序、特异性、级联层、自定义属性和 at 规则结构。重新排序或合并规则可以更改计算样式,因此该工具专注于紧凑文本而不是有风险的优化。

使用方法

  1. 将 CSS 代码粘贴到输入编辑器中。
  2. 单击 压缩 CSS 以删除可避免的格式和注释。
  3. 检查输出以确认保留规则顺序、at 规则和自定义属性。
  4. 使用 复制 作为剪贴板,使用 下载 作为文件,或使用 清除 进行重置。

CSS 压缩器是什么?

CSS 压缩 是一个基于浏览器的实用程序,用于将可读的 CSS 转换为较小的样式表。它保留相同的规则和声明,同时删除浏览器不需要的格式字符。

有些注释是有意义的,例如许可证横幅或构建工具注释。保留一个可读的源文件,并在使用它的页面中直观地验证缩小的 CSS。

输入说明

仅粘贴 CSS。如果您的项目需要自动前缀、源映射、未使用的 CSS 删除或高级合并,请通过正常的构建和浏览器测试过程运行输出。

示例

通过删除注释和格式化空白来压缩短样式表:

--- Formatted Input ---
/* Main styles */
body {
  margin: 0;
  padding: 0;
}

--- Minified Output ---
body{margin:0;padding:0;}

MCP 集成

MCP(Model Context Protocol,模型上下文协议)让 AI 代理和应用可以发现并调用 Coding.Tools 工具,用于可重复的转换、格式化、哈希和生成工作流。

MCP 工具名: css-minifier

MCP 端点: https://coding.tools/mcp

请先调用 tools/list。每个工具条目都会包含 inputSchema、outputSchema 和 examples,AI 代理或客户端可以据此生成合法参数,不需要猜。

调用 tools/call 后,result.content[0].text 是展示用结果,result.structuredContent 是适合程序解析的结构化结果。工具级失败会返回 isError: true;协议级失败会返回 JSON-RPC error。

tools/call 请求示例:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"css-minifier","arguments":{"input":".button {\n  color: white;\n  background: #3366cc;\n  padding: 8px 12px;\n}"}}}'

大多数文本和数据工具接收 input 字符串以及可选的 options。只依赖浏览器图片 API 的图片工具会用于发现,并在需要浏览器能力时返回网页入口。