10个在线CSS压缩工具

CSS压缩工具可以自动完成清理你的代码的大部分工作。它们中的很多会告诉你你的文件被压缩的百分比，所以请多尝试几个以了解哪个是最好的。

CSS Drive

可选项:

• 压缩模式: 低、普通、高度压缩
• 注释压缩:不压缩、全部、或者长于某个特定值的。

CSS Compressor

可选项 (每个均可选Yes 或No ):

• 重排属性
• 压缩色彩
• 压缩font-weight
• 小写化选择器
• 去除不必要的空间
• 去除不必要的分号

Arantius

可选项 (每个均可选Yes 或No ):

• 去除注释
• 去除至少x字节长度的注释
• 每行一个规则

CSS Optimizer

可选项:

• 不删除断行(Yes 或 No)
• 可以处理URL、文件或粘贴的文本等方式的CSS

Lottery Post

可选项:无

Clean CSS

可选项(每个均可选Yes 或No ):

• 重排选择器
• 重排属性
• 优化选择器及其属性(0, 1 or 2)
• 合并简写属性
• 只有安全优化
• 压缩色彩
• 压缩Font-weight
• 小写化选择器
• 属性字体(小写或大写)
• 去除不必要的反斜杠
• 转换!important hack
• 移除最后一个分号”;”
• 节省注释
• 剔除无效属性(CSS2.1, CSS2.0 或CSS1.0)
• 输入为文件

事实上，这就是开源项目css tidy的演示网站。CSS tidy中文版：http://www.isparkle.cn/show/csstidy/。

Pingates

可选项 (每个均可选Yes 或No ):

• 转换长色彩名为16进制
• 转换长16进制代码为短16进制代码
• 转换长16进制代码为色彩名字
• 转换RGB为16进制
• 去除0度量
• 合并同一个规则
• 合并同一个选择器
• 合并属性
• 去除重复的属性
• 从margin和padding中去除无用的值
• 显示统计
• 以彩色格式输出
• 使用最小尺寸输出

PHP Insider

可选项:无

SevenForty

可选项:

• 截断选项: 500, 1000, 1500 or 2000

该工具基于YUI压缩器，但是会自动将IE的hacks删除，开发者给出的解释是，IE hacks应该以单个文件出现，而不是杂糅在主CSS文件中，这样会变得难于维护。

Page Column

可选项: None

总结

正如我前面说的，这些方法中的一些可能看起来有些过度或毫无意义。关键是看大局。虽然这些技巧中的任何一个可能的只有几乎是微不足道的影响，结合这些技术中的几个或全部就可以对你的CSS文件的大小形成巨大的影响。

英文原文:18 CSS Compression Tools and Techniques
中文原文:CSS压缩大法：技巧与工具

来源:10个在线CSS压缩工具