CSS Minifier & Beautifier
Minify and beautify CSS with size comparison — 100% local processing
Input
Output
About CSS Minifier
Minifying CSS removes comments, whitespace, and other characters that browsers do not need, which reduces file size and speeds up page loads. The behavior of the stylesheet stays the same; only its formatting changes.
This tool minifies CSS and can also beautify minified CSS back into readable form. It shows a size comparison so you can see how much was saved. Minification is one step in a performance strategy; compression such as gzip or Brotli on your server saves further.
Common use cases
- Shrinking a stylesheet before deploying it.
- Making a minified vendor stylesheet readable to debug it.
- Comparing file size before and after minification.
- Cleaning up comments and spacing in a snippet.
Frequently asked questions
- Does minification change how my page looks?
- It should not. Only whitespace and comments are removed. Test your page after minifying to be sure.
- Should I minify by hand for production?
- Most build tools minify automatically. A manual tool is best for quick jobs and one-off files.
- How much will I save?
- Typically a noticeable share of the file size, depending on how many comments and how much whitespace the original contains.