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
/* 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
.megaflashxyz{width:100%;height:auto;}.websitetools{color:#ffffff;background-color:#009ee0;}