CSS 压缩 —— 去注释空白、缩短颜色、合并选择器。体积小 30-60%。
- 本地处理
- 分类 格式转换
- 适合 把粘贴内容或本地文件转成更适合交付的格式。
选项:
输入
输出
压缩结果显示在这里。这个工具能做什么
在线 CSS 压缩工具。粘贴原始 CSS 得到生产级单行输出,一般体积比原文小 30-60%。每项优化都是独立开关可关闭：去注释（保留 /*! 重要注释 */ 如 License / 版权声明）、压缩空白、缩短 hex 颜色（#ffffff → #fff）、 rgb()/rgba() 完全不透明时转 hex、去掉 0 的单位（0px → 0）、去掉小数 前导零（0.5 → .5）、合并完全相同的四值 margin/padding 简写 （margin: 5px 5px 5px 5px → margin: 5px）、去掉每个 block 末尾多余的 `;`。tokenizer 与 CSS Formatter 共用,url、字符串、calc()、@media、 @keyframes、嵌套规则都能干净往返。输出下方实时显示压缩前 / 后 / 节省 百分比。100% 浏览器本地运行 —— 设计 token、内部主题文件、未发布的 第三方 CSS 都不出标签页。想要还原回可读 CSS? 用我们的 CSS Formatter — 共用同一个 parser,可以无损往返。
工具细节
- 输入
- 文件 + 文本 + 结构化内容
- 页面会根据工具类型展示文本框、数值控件、文件选择或结构化输入。
- 输出
- 即时结果 + 复制 + 下载
- 结果区优先给出可操作结果，支持项会显示复制、下载或可视化预览。
- 隐私
- 浏览器本地处理
- 主工具逻辑未发现外部 API 调用，输入通常留在当前标签页内处理。
- 保存 / 分享
- 免账号使用
- 打开页面即可使用；刷新后是否保留结果取决于具体工具。
- 性能预算
- 首屏 JS ≤ 14 KB
- 没有声明 WASM 依赖，适合快速打开和移动端使用。
- 适用场景
- 格式转换 · 程序员
- 分类和职业标签用于推荐相关工具、组织内链，并帮助用户快速判断是否适合当前任务。
怎么用
-
1. 输入
把内容粘贴或拖入工具面板。
-
2. 处理
点击按钮,在浏览器内本地处理,文件不上传。
-
3. 复制 / 下载
一键复制结果或下载到本地。
CSS 压缩工具 适合怎么用
适合把内容从一种实际格式转成另一种可用格式。
适合转换的任务
- 把粘贴内容或本地文件转成更适合交付的格式。
- 放进大流程前,先预览转换结果是否可靠。
- 修正常见格式不匹配,不用打开完整编辑器。
转换检查项
- 源格式比较乱时,先拿一小段试转。
- 转换后检查编码、分隔符和换行符。
- 结果确认前保留原始内容。
下一步可以接着做
这些入口会把当前任务接到更完整的工具链里。
常见问题
类似工具组合
做你这行的人, 还会一起用这些。