October 26th, 2009 by Tom

This list is a collection of online tools for compressing your CSS code. If you want to make your site load faster a bit or you want to save bandwidth to reduce server load, these are the tool that you’re looking for.

I’ve tried these tools and it works great, CSS compressor can reduce my CSS file 30.61% (File size before optimization: 12.35 KB, after optimization : 8.57 KB .

You may think 3-4 KB is not much, but load faster is always good.


1. CSS Optimizer

Online CSS Optimizer/Optimiser is a web tool for reducing the file size of cascading style sheets. In order to save more space optimized files would be messy even so you may output it as a file. Non-valid or hacked (for certain browsers) CSS files may result in error.

CSS Optimizer


2. CSS Drive – CSS Compressor

Use this utility to compress your CSS to increase loading speed and save on bandwidth as well.

CSS Drive - CSS Compressor


3. Icey CSS Compressor

Icey CSS Compressor is one of a good CSS compressor tool.

Icey CSS Compressor


4. CSS Compressor

Use this Cascading Style Sheets, CSS Compressor to compress CSS to reduce CSS code size and make your web pages load faster. You can select from four levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression.


CSS Compressor


5. Clean CSS

Simple interface, but powerful tool for compress your CSS code

Clean CSS


6. Arantius CSS Compressor

This tool was inspired by a similar one at Dark Rift Studios. This is, though, written in javascript so it’s all client side (no transmitting your CSS to someone elses’ server), and it has a few more capabilities, plus configurable options. It basically takes out comments and whitespace from a CSS file, which can save more space than you might imagine.

Arantius CSS Compressor


7. CSSTidy

CSSTidy is an opensource CSS parser and optimiser. It is available as executeable file (available for Windows, Linux and OSX) which can be controlled per command line and as PHP script (both with almost the same functionality).

CSSTidy


8. CSS Redundancy Checker

Use this tool to find CSS selectors that aren’t used by any of your HTML files and may be redundant.

CSS Redundancy Checker


9. Online Css Compressor

Another Online CSS Compressor

CSS Redundancy Checker


10. W3C CSS Validator

This tool is very important, it’s not a compressor tool, but you have to check errors on your CSS code.

W3C CSS Validator


Related Posts

Leave a Reply