CSS Compressor
Compress CSS online by removing unnecessary formatting. Review the output and test your stylesheet before replacing a production file.
Paste the CSS code that you want to compress in the text box below:
Compressed CSS:
| Before Compression File Size | 0 bytes |
|---|---|
| After Compression File Size | 0 bytes |
| Space Saved | 0 bytes |
Compress a copy of your stylesheet
Paste CSS into the input box and select Compress CSS. Compare the reported input and output sizes, inspect the compressed text, and use Copy Compressed CSS when you are ready. Keep the original stylesheet for editing and comparison.
Test the page after compression
Whitespace and comments are not the only things that determine whether a stylesheet works. Check the compressed version in the actual page and browser you use. Review selectors, quoted strings, custom properties, and calculations if a result changes unexpectedly.
Start with a small sample
Try a rule such as .notice { color: red; margin: 0; } and compare it with the output. The formatting may become shorter while the rule remains recognizable. Then test a representative part of your own stylesheet, including any syntax that relies on spaces.
Use the size figures carefully
The savings table describes this input and output. It is not a prediction of loading speed or a substitute for measuring a complete page. Compression does not validate a design, remove all unused rules, or establish that the CSS will behave correctly across every browser.