CSS Minifier & Beautifier
Minify CSS to cut file size, or beautify it with per-rule indentation for readability
도구를 불러오는 중…
🔒 Everything runs 100% in your browser. Your files and input are never uploaded to any server.
This shrinks CSS file size by stripping whitespace and comments, or formats it into an indented form with each rule on its own line. It parses selectors and properties structurally, so pseudo-classes like :hover and calc() values don't break.
How to use
- Paste your CSS or load a .css file.
- Choose the 'Beautify' or 'Minify' tab (pick the indentation unit for beautifying).
- Check the result and savings rate, and grab it with the Copy button.
FAQ
- Are rules like @media and @keyframes handled too?
- Yes. It recognizes nested @media, @supports, and @keyframes blocks and indents or minifies down to the inner rules. It also preserves single-line rules like @import and @charset.
- What disappears when minifying?
- Comments, unnecessary whitespace and line breaks, and the final semicolon at the end of a block are removed. Whitespace inside strings and calc() operations is safely preserved.
- Does it handle every CSS perfectly?
- It's a basic-level parser, so results may differ with very unusual syntax. Use it as a reference and confirm your styles are unchanged after minifying important files.