如何使用
- 粘贴 CSS 到输入框。
- 点击“压缩 (Minify)”减小体积,或点击“美化 (Beautify)”恢复可读性。
- 查看压缩统计(原始/压缩后/节省比例)。
- 复制输出结果并应用到项目中。
核心功能
- 移除注释与空格:去掉注释、换行与多余空白,快速减小 CSS 体积。
- 体积压缩率统计:显示原始大小、压缩后大小与节省比例,方便衡量收益。
- CSS 反混淆/还原:将压缩 CSS 重新排版为可读格式,便于维护与排查。
- 安全无损压缩:尽量只做“语义不变”的空白/注释压缩,降低风险。
- 本地隐私:代码不上传,适合私有样式与商业项目。
相关工具
把设计稿 PX 快速换算为 CSS REM,也可从 REM 反推 PX。支持自定义根字号、常用尺寸对照表和 Tailwind spacing 近似参考。
免费在线 JSON 工具:一键美化/压缩、语法校验、错误高亮,并自动生成 TypeScript 接口与 Zod Schema。纯浏览器本地处理,数据不上传。
免费的 JSONPath Tester / Evaluator:粘贴 API JSON,实时提取匹配节点、查看路径并复制 JSON 结果。解析与查询都在浏览器本地完成。
在浏览器本地将 JSON 对象或对象数组转换为 CSV,展开嵌套字段,预览结果并复制或下载文件,无需上传数据。
将 CSV 文本或文件在浏览器本地实时转换为 JSON 数组,支持表头、逗号/分号/Tab 分隔、拖拽文件、复制和下载,无需上传数据。
在浏览器本地比较两个 JSON,按 Key 排序后做语义化 Diff,忽略字段顺序干扰,标记新增、删除和修改字段,无需上传数据。
把格式化 JSON 压缩为一行,移除缩进、换行和多余空白,并实时查看压缩前后体积与节省比例。
免费的 JSON 转 TypeScript 工具。一键将 API JSON 响应自动推导并生成强类型的 TS Interfaces 和 Types 代码。纯浏览器前端处理,严格保护您的业务数据与接口结构隐私。
计算逻辑
- 压缩:移除
/*...*/注释并折叠空白,去除可安全删除的换行与空格。 - 美化:在
{、;、}等位置插入换行与缩进,恢复结构层级。 - 统计:根据字节数对比计算节省比例。
常见问题
压缩 CSS 能提升 SEO 吗?
通常有帮助。体积更小意味着加载更快,可能改善 FCP 等 Core Web Vitals 指标,从而间接利好 SEO。
如何阅读已压缩的 CSS 代码?
点击“美化 (Beautify)”,工具会添加缩进与换行,把单行代码还原为可读格式。
数据安全吗?会上传到服务器吗?
不会。所有处理在浏览器本地完成,不上传、不存储代码。
是否免费?会限制代码长度吗?
免费使用。超长 CSS 建议分段处理,以保持页面流畅。
进行 CSS 压缩会改变效果吗?
正常不会(仅移除注释与空白)。但极少数非常规写法可能依赖奇怪的空白规则,建议上线前做一次预览验证。