Free Online CSS Minify/ Formatter

Input data
bfotool loadding
Output data
bfotool loadding

 

CSS Minify Tool

Minifying CSS takes the beautified, well formed CSS code that you have written and removes the spacing, indentation, newlines, and comments. These elements are not required for CSS to be used successfully. It also makes the CSS more difficult to read.

The 'best practice' of many developers is to maintain a 'beautified' version, and when rolling out their project will run the styles through a minification program. They will also combine their many style files into one file.

 

Why use CSS Minifier?

The purpose of minifcation is to increase the speed of a website. Minimisation can make a script up to 20% smaller, resulting in a faster download time. Some dev elopers will also use it to 'obfuscate' their code. This makes it difficult for the code to be read, thereby making it more difficult to reverse engineer or copy.

 

CSS Minify Example

Before:

.headbg{
    margin:0 8px 
}
a:link,a:focus{
    color:#00c 
}
a:active{
    color:red 
}

After:

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }