CSS Code Optimizer

Optimizing your CSS code is very important if you are running a large site. CSS has a tendency to get cluttered, just like HTML does. This generator will format and optimize your CSS code using a variety of different compression settings.

Important Note: Your code should be well-formed. This is not a validator which points out errors in your CSS code. To make sure that your code is valid, use our CSS Validator.

CSS Formatter and Optimiser/Optimizer (based on CSSTidy 1.7.3)
CSS Input:

Code Layout:


Case for properties:

How to Use?

The css optimize generator will clean and optimize your css code by compressing certain properties.

  1. To start, enter your css code into the textarea above.
  2. Select the desired compression, from low to highest.
  3. You'll then be presented with a variety of options that you can choose to format your css code
  4. Once done, click on 'Process CSS' for the generator to optimize your code.
  5. When finished, you will see the new code that can be downloaded and the generator will show you how much the code has been compressed.