UtilityBaseDeveloper Tools
CSS Minifier
Minify CSS to shrink your stylesheet, or beautify it — with byte savings shown.
Updated July 10, 2026
How to use the css minifier
- 1Paste your CSS into the input.
- 2Keep Minify selected to compress it.
- 3Check the byte savings.
- 4Copy the minified CSS, or switch to Beautify to expand it.
Common uses
- Shrinking a stylesheet for production
- Cutting CSS file size to speed up a page
- Un-minifying CSS to read or edit it
- Cleaning up a copied style block
Frequently asked questions
Why minify CSS?
Minifying removes comments, spaces, and line breaks that browsers don't need, making the file smaller so pages load faster and use less bandwidth. On a large stylesheet the savings can be substantial.
Will minifying change how my styles work?
No. Minification only removes characters that don't affect meaning — the rules and their order are preserved, so the rendered result is identical. This tool uses clean-css, which is safe and widely used.
Can I un-minify CSS?
Yes. Switch to beautify and the tool reformats compressed CSS with proper indentation and line breaks so you can read and edit it again.
About this tool
The CSS minifier strips comments, whitespace, and redundancy from a stylesheet to make it smaller and faster to load, using clean-css — the same engine build tools use — and shows exactly how many bytes you saved. Switch to beautify to reformat compressed CSS back into readable form, and the same tool also handles HTML and JavaScript. Nothing is uploaded, so it's safe for private styles. Everything runs in your browser.
Like most tools on UtilityBase, the css minifier runs entirely in your browser — nothing you enter is uploaded or stored on a server. It's free to use with no account required. Browse more developer tools here.
Was this tool helpful?
Related tools
HTML Formatter
Beautify or minify HTML in your browser, with byte savings shown on minify.
Developer Tools
JavaScript Beautifier
Beautify messy or minified JavaScript, or minify it with Terser — byte savings shown.
Developer Tools
CSS Gradient Generator
Build a linear or radial CSS gradient visually and copy the ready-to-paste code.
Developer Tools
CSS Box Shadow Generator
Design a box-shadow visually with sliders and copy the CSS instantly.
Developer Tools
What Is My IP
Your public IP, and exactly what it reveals — location, ISP, timezone.
Developer Tools
Regex Tester
Test regular expressions live with match highlighting, groups, and a cheat sheet.
Developer Tools