CSS Compression / Minify

To minify your CSS Simply place your code in the box and hit the green button to compress your CSS. Max Characters 100,000.

Your Minified CSS

What is This Tool?

It's a simple and effective solution for minifying CSS. Many developers have node.js set up on their local machine which does this task on the fly. For those of you who don't, or simply don't have a compression workflow set-up for the particular site you are working on this tool will work wonders.

How Does HTML Strip Minify CSS?

We use several php functions to minify your uncompressed CSS. This service automatically removes spaces after colons, all whitespaces and comments if you have the option checked.

Warning: Do not replace your current CSS with the minified version. Instead, create a new file with a similar name e.g. style.min.css, upload that to your server and reference the compressed CSS on your live site.

Why Should I Minify My CSS?

When writing CSS it is easy on the eye to have a clean, expressive syntax for example:

.form-label {
text-align: right;
padding-top: 20px;
padding-right: 20px;
}

The drawback to this is the CSS file will have many more whitespaces, which are in fact not "blank" but data that uses space and takes time to process.

Computers don't need to read pretty code. So it is, therefore, a good idea to minify this code, making it much harder for humans to read but less strenuous for a machine to process. The result is a small performance boost in the render time of your webpage.