CSS Minifier

Comments

Compact

Indentation

Semicolon

---

By minifying the CSS code, you can make your website smaller and faster to load. This minifier removes whitespace, strips comments, merges files, and optimizes/shortens a few popular programming patterns. It also includes a large test suite.

If you know how to play with HTML, CSS, and Javascript then you can even customize it in your preferable way.

How do I use the CSS compression tool?

In our CSS minify tool, one can use from available four options which are Comments, Compact, Indentation, and Semicolon. So each option has its respective function and use, you can check from the below example.

CSS file Demo

/* First Name */
.megaflashxyz {
width: 100%;
height: auto;
}

/* Last Name */ 
.websitetools {
color: #ffffff;
background-color: #009ee0;
}

Comments Removal - Remove Comments from CSS file

If you only want to remove and minimize scripts by deleting each comment in /*...*/ format ten use only this option. And you can combine this with other options also. Like removing comments and semicolons.

.megaflashxyz{width:100%;height:auto;}
.websitetools{color:#ffffff;background-color:#009ee0;}

Semicolon - Remove semicolon from CSS file

If can see semicolons at end of every property which is of no use, so use to remove semicolons at the end of the CSS property line and the CSS value.

 

/* First Name */
.megaflashxyz{width:100%;height:auto}
/* Last Name */
.websitetools{color:#ffffff;background-color:#009ee0}

Beautify CSS - Indentation

CSS files with the nonreadable format can be converted into a readable format by using the indentation option. Below is a very simple example so you can try with a complex CSS file.

/* First Name */
.megaflashxyz{width:100%;height:auto;}
/* Last Name */
.websitetools{color:#ffffff;background-color:#009ee0;}

Compact - Minize CSS

Compacting CSS file is the combination of comment and remove indentation also while connecting each CSS class name. In addition, comments will be deleted.

 

.megaflashxyz{width:100%;height:auto;}.websitetools{color:#ffffff;background-color:#009ee0;}