CSS Minifier
Minify CSS code online — removes comments, whitespace, and redundant characters to reduce file size. Free, instant, no server required.
What Is CSS Minification?
CSS minification removes unnecessary characters — whitespace, comments, and redundant semicolons — from CSS code without changing its functionality. Minified CSS loads faster and reduces bandwidth usage, improving page performance scores (Core Web Vitals, PageSpeed).
How to Use
- Paste your CSS into the input textarea
- Click Minify CSS — the output updates instantly
- Click Copy to copy the minified result to clipboard
- Use Clear to reset both fields
Features
- Removes all CSS comments (
/* ... */) - Collapses whitespace, tabs, and newlines
- Removes spaces around brackets, colons, semicolons, and commas
- Removes trailing semicolons before closing braces
- Shows original size, minified size, and compression ratio
FAQ
Is the minified CSS still valid?
Yes. Minification only removes non-functional characters. The resulting CSS is fully valid and behaves identically in all browsers.
Does minification change selector specificity?
No. Minification never alters selectors, property names, or values — only whitespace and comments are removed.
What is a good compression ratio for CSS?
Typical CSS files achieve 20–50% size reduction through minification alone. Files with many comments or verbose formatting compress more.
Should I minify CSS in production?
Yes. Minified CSS is a standard production best practice. Most build tools (Webpack, Vite, PostCSS) do this automatically, but this tool is useful for manual audits and one-off files.