CSS Minifier
Compress CSS by removing comments and whitespace.
About the CSS Minifier
Minifying CSS removes everything a browser does not need to render your styles — comments, line breaks, indentation and redundant spaces — without changing how the page looks. Smaller stylesheets download faster, which improves page speed and Core Web Vitals. Paste your CSS, click minify, and see exactly how many bytes you saved. Keep an unminified copy for editing and ship the minified version.
How to use it
- Paste your full, readable CSS into the box.
- Click Minify CSS.
- Copy the compact output into your production stylesheet.
Frequently asked questions
Will minifying break my styles?
No. Minification only removes whitespace and comments; the rules themselves are untouched, so the visual result is identical.
Should I minify by hand?
For one-off files this tool is perfect. For large projects, build tools usually minify automatically as part of your pipeline.
Does it minify SCSS or LESS?
It works on plain CSS. Compile SCSS or LESS to CSS first, then minify the output here.
Related tools
JSON Formatter & Validator
Beautify, minify and validate JSON in your browser.
Developer ToolsBase64 Encoder & Decoder
Encode text to Base64 or decode it back instantly.
Developer ToolsURL Encoder & Decoder
Percent-encode or decode URLs and query parameters.
Developer ToolsUUID Generator
Generate random version 4 UUIDs in bulk.
Developer Tools