Loading…
Developer Tools
Minify CSS by stripping comments and safely collapsing whitespace while preserving strings, URLs, and calc math operators. Displays exact UTF-8 byte metrics.
Follow these simple steps to get instant, accurate results directly in your browser:
Paste your stylesheet into the CSS input editor.
Inspect the generated minified CSS and review byte savings metrics.
Copy the compressed CSS to your clipboard or download it as minified.css.
The CSS Minifier compresses cascading stylesheets by removing comments, redundant whitespace, indentation, and unnecessary trailing semicolons.
CSS is a render-blocking resource; web browsers cannot render the DOM until stylesheets are completely downloaded and parsed. Minifying CSS shrinks stylesheet file sizes safely, directly speeding up initial page load speed.
Processing executes entirely in your browser using token-safe scanning, preserving strings, quoted URLs, and mathematical operators in calc() expressions.
Preserves required whitespace around + and - operators in calc(), min(), max(), and clamp().
Protects string literals and url(...) paths verbatim without breaking formatting.
Displays original UTF-8 size, minified size, and percentage bandwidth saved.
Runs locally in browser memory with zero external network requests.
Compress custom CSS files for production web apps without needing complex node build steps.
Compress inline CSS snippets before pasting into CMS customizer panels.
Cut render-blocking CSS bytes to optimize Largest Contentful Paint scores.
Explore complementary utilities for your workflow