CSS Minifier
Compress your CSS stylesheets by stripping comments, whitespace, and redundant syntax. See exactly how many bytes you save — instantly, in your browser.
What gets minified?
- All
/* comments */are removed - Whitespace around
{ } : ; , > ~ +is stripped - Trailing semicolons before
}are removed - Multiple spaces collapsed to single space
Why Minify CSS?
Faster Page Loads
Smaller CSS files transfer faster over the network, reducing Time to First Byte (TTFB) and improving Core Web Vitals scores.
Smaller Bundle Size
In production builds, minified CSS reduces bandwidth costs and improves caching efficiency for repeat visitors.
Light Obfuscation
Minified CSS is harder for competitors to read and reverse-engineer your styling decisions, providing lightweight intellectual property protection.
Frequently Asked Questions
Will minifying break my CSS?
No. Minification only removes whitespace, comments, and trailing semicolons that are syntactically optional. All selectors, properties, and values are preserved unchanged.
Does this handle CSS variables and modern CSS features?
Yes. The minifier works on any CSS text including custom properties (--var), CSS Grid, Flexbox, animations, and media queries.
Should I minify manually or use a build tool?
For small projects, this tool is perfect. For production workflows, use a build tool like Vite, webpack, or PostCSS with cssnano which can perform more advanced optimizations like removing redundant rules.