CSS 压缩
粘贴样式表,拿回压缩后的版本。输入框下方的计数显示压缩前后的体积,你能直接看出这么做值不值。
代码不会离开此页面:格式化在你的浏览器中完成。
- 免费
- 文件不会离开你的设备
- 无需注册
- 不限文件数量
使用方法
- 把 CSS 粘贴到第一个输入框——输入时即刻压缩。
- 对比输入框下方显示的体积。
- 复制结果,或点击「格式化」重新读它。
实用说明
哪些内容会被去掉
注释、换行、缩进、冒号和组合符两侧的空格,以及每个右花括号前那个标准从未要求过的分号。选择器中分隔后代与祖先的那个空格会保留,因为去掉它就改变了规则的匹配范围。
为什么不动字符串
content: "a;b" 里的分号,以及内联 SVG data URI 里的花括号,在正则表达式看来都像是结构。基于模式匹配的压缩器会悄悄毁掉这类文件,而后果往往表现为线上少了一个图标。这个工具逐字符读取样式表,把带引号的字符串整块搬过去。
常见问题
样式表的行为完全不变吗?
不变。没有任何东西被重命名、重排或删除——去掉的只有空白和注释,两者都不影响规则如何生效。
文件会小多少?
手写的样式表通常能少两到三成。启用 gzip 之后差距会小得多,因为压缩本来就处理重复空白。
代码会发送到服务器吗?
不会。整个过程在页面内完成,这对尚未公开的样式表很重要。
之后还能重新读吗?
点击「格式化」,样式表会按每行一条声明重新展开。原来的注释已经没有了,但规则一条不少。
相关工具
- CSS 格式化 粘贴样式表——哪怕它只有一行——就能重新读懂。每条声明单独一行,嵌套块获得应有的缩进,注释留在它该在的位置。
- HTML 压缩 粘贴 HTML,拿回一个去掉了无人可见的空白的版本。输入框下方的计数会显示省下了多少。
- JSON 压缩 粘贴 JSON,拿回不含一个多余字节的版本:没有缩进、没有换行、数据一模一样。格式化过的响应通常能缩小 20% 到 40%。
- JSON 格式化与校验 粘贴 JSON,即可获得格式化、校验或压缩后的结果。数据始终留在浏览器里——当内容含有令牌或客户数据时,这一点尤为重要。
- Base64 编码解码 粘贴文本得到 Base64,粘贴 Base64 得回文本。中文、西里尔字母和表情都能完好通过——字符串按 UTF-8 读取,而不是按某一种语言的字节。
- 字数统计 输入或粘贴文本,统计结果立即更新:词数、字符数、句子数、段落数以及预计阅读时间。
- 大小写转换 粘贴文本、选择样式、复制结果。同样的词有九种写法:四种日常写法,五种程序员常争论的写法。
- CSV 转 JSON 粘贴表格,得到 JSON。解析遵循 RFC 4180,因此「张三, 李四」这样的单元格仍是一个字段,而不会被拆成两个——多数速成转换器正是在这里出错。