CSS Minifier
Paste CSS to strip comments and whitespace, see the bytes saved, and copy the compact output. Free, no sign-up.
Try an example
A small stylesheet with comments and spacing — load it to see it minified.
.button {
color: #ffffff; /* text */
background: #EB0028;
padding: 12px 20px;
border-radius: 8px;
}
.button:hover {
background: #c5141d;
}Why size matters
CSS is render-blocking: the browser waits for it before painting. Shrinking it — plus gzip/brotli on your server — cuts the time to first paint and helps your Largest Contentful Paint. Minify as the last step of your build so your source stays readable while production stays lean.
Frequently asked questions
What does minifying CSS do?
It strips comments, whitespace and redundant characters so the file downloads faster, without changing how the styles render. Smaller CSS means quicker page loads and better Core Web Vitals.
How do I use it?
Paste your CSS and press Minify. You get the compact output plus a read-out of how many bytes you saved. Copy it into your production build.
Is it safe to minify?
Yes — this tool only removes comments and unnecessary whitespace; it does not rename or reorder your rules, so the result is byte-for-byte equivalent in behaviour.
Is my CSS uploaded anywhere?
No. Minification happens entirely in your browser.