Make stylesheets smaller without changing how the page looks.
Loading tool…
The minifier uses CSSO, a CSS minifier that understands CSS syntax instead of using text replacement. It removes whitespace and comments, shortens colours (#ffffff becomes #fff) and zero values, and can merge duplicate rules. Strings, url() values and @media blocks are kept intact, so the result renders exactly like the original.
Shrink stylesheets so they download and parse faster.
Minify CSS for a small site without setting up a toolchain.
Make critical CSS small enough to inline in the <head>.
CSSO parses the stylesheet and only applies safe transformations, so the result renders the same. Strings such as content values and url() paths are never changed.
It combines rules with the same selector or the same declarations to save more space. Turn it off if you need to keep the exact rule order, for example while debugging.
Yes, all comments are removed by default. You can keep comments that start with /*!, which is how licence notices are usually marked.
Usually 15 to 30 percent for hand-written CSS, more for verbose stylesheets. The saving is shown under the result.
No. Everything runs in your browser; nothing you paste or upload is sent to our servers.