CSS Minifier
Minify CSS by removing comments and unnecessary whitespace, compacting selectors and applying safe byte-level optimizations. See the before/after size and copy the result in one click.
Paste CSS and the minifier strips comments, collapses rule whitespace, removes final semicolons and drops unnecessary units and color suffixes. Output updates live with a size comparison.
CSS input
Minified
.card{display:flex;flex-direction:column;margin:0 16px 0 16px;padding:1rem;border-radius:8px;color:#ffffff;font-size:0.875rem}.card:hover{background-color:rgb(47,111,237)}@media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}308 bytes → 239 bytes · saved 69 bytes (22% smaller) · runs locally
Frequently asked questions
Is the minified CSS safe to use?
The optimizations are conservative — spacing, comments, redundant punctuation and trailing zeros are removed. Meaning of the rules is unchanged.
How much size will I save?
Typically 15–40%, depending on how much whitespace and how many comments the original contains.