Shrink CSS for production, or re-indent it for reading — both in one tool.
Minifying removes comments, spaces and the last semicolon in each rule, and drops empty rules — without changing what your CSS does. Spaces that matter, like the one in .menu :hover, and everything inside strings, url(),calc() and custom properties are left alone. Runs in your browser; nothing is uploaded.
Minifying CSS for production and untangling a minified or inconsistently formatted stylesheet for reading are opposite needs that usually mean two different tools. This one handles both — minify with comments stripped and whitespace collapsed (safely, without touching quoted string content), or beautify to re-indent based on actual brace nesting when you need to actually read through it.
No — minifying only removes comments and whitespace that has no visual effect. Every selector, property, and value stays exactly the same, so the rendered page is pixel-identical.
Yes — this tool specifically protects the contents of quoted strings before collapsing whitespace elsewhere, so spacing inside a string value is never touched.
It re-indents CSS based on brace nesting and puts each declaration on its own line, turning minified or inconsistently formatted CSS back into something readable — useful when inspecting a minified stylesheet from another site or tool.
It depends on how much whitespace and how many comments the original has. A heavily-commented, generously-indented stylesheet can shrink noticeably; an already-compact one will shrink very little. The exact percentage for your file is shown after minifying.
No — minification and beautification both happen locally in your browser using JavaScript string processing. Nothing you paste here is ever sent anywhere.
Yes, completely free, with no sign-up and no size limit beyond what your browser can comfortably handle.
