原始大小
310 B
粘贴CSS后删除多余注释和空白,并可缩短HEX颜色、移除0单位,立即查看节省效果。
更小的CSS有助于渲染开始和缓存效率。生产环境仍需在真实浏览器中检查关键布局。
CSS结构检查
CSS结构看起来有效
原始大小
310 B
压缩大小
227 B
节省字节
83 B
节省比例
26.8%
gzip估算
73 B
规则数
2
声明数
10
删除注释
1
粘贴需要压缩的CSS。支持普通CSS、媒体查询和CSS变量。
检查结果后复制或下载.min.css文件。
. product-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:20px;border:1px solid #eee;border-radius:12px;background:#fff;color:#1f2937}.product-card:hover{border-color:#fc0;transform:translateY(-2px)}本工具用于快速减小体积和审查。复杂PostCSS结果仍建议配合项目构建流程。
工具只在浏览器中运行,不上传代码。它会尽量保留字符串和常见表达式,同时减少注释、换行和安全空白。
不会。全部处理都在浏览器中完成。
本工具面向CSS。请先将SCSS、Less或CSS-in-JS编译成CSS。
可以。开启保留选项后,/*! 开头的注释会保留。
继续浏览
继续浏览同类工具和 Gogotem 上人气较高的工具。
在 Gogotem 免费使用Format, validate, and minify JSON payloads in one place.。修改输入后,结果会立即更新。
在 Gogotem 免费使用Encode plain text to Base64 or decode Base64 back into text.。修改输入后,结果会立即更新。
在 Gogotem 免费使用Encode and decode query-safe URL values for links and APIs.。修改输入后,结果会立即更新。
在 Gogotem 免费使用Convert Unix timestamps into readable dates and back again.。修改输入后,结果会立即更新。
在 Gogotem 免费使用Generate SHA hash values from plain text input.。修改输入后,结果会立即更新。
在 Gogotem 免费使用Generate one or more UUID v4 values for development and testing.。修改输入后,结果会立即更新。