Compress CSS is a free tool that you can use to minify your CSS files online. Smaller file size means less bandwidth consumption, so by compressing you're not only saving up money on hosting but you're also making your site load faster.
It works by removing unnecessary white-spaces, line breaks, indentations, comments, semicolons, quotes and by combining rules when possible. It can also optimize various properties, like converting rgb colors to shorthand hex equivalent resulting into shorter code. By the default, the compressor also removes all invalid CSS such as negative paddings and empty rules. These are just a few among many things that this tool can do.
CompressCSS uses a modified version of Clean-CSS for all CSS minification. Based on benchmarks, it is currently the best when it comes to reducing the file size of CSS files.
- First we recommend that you create a backup of your original CSS file. After that, go to compresscss.net
- Place your CSS code inside the input box (left side). Make sure to NOT include
<style>tags. - Click "Compress" and wait for it to finish the process.
- Once finished, the compressed CSS codes should appear in the output box (right side).
You can use the comment tag with exclamation mark to keep an important comment or to ignore that part when compressing. To use, put the content between /*! and */.
Example:
/*! CompressCSS | MIT License | Do not remove */
CompressCSS compressor is fully compatible with Google Chrome, Firefox, Opera, Safari, IE 10+, Edge and other modern browsers as long as JavaScipt is enabled.