CSS Minifier
Professional CSS Minifier
CSS Input
Output
CSS Minifier
Professional CSS Minifier
Features
- Remove comments, collapse whitespace, shorten hex colors (#ffffff → #fff)
- Drop trailing semicolons before closing braces
- Beautify mode for the inverse (un-minified, readable output)
- Live size comparison: original vs minified, percentage saved
- For more aggressive minification (property-value optimisation, AST-level rewrites) use cssnano in your build
How to use
- Enter your input data in the provided field.
- Configure any options as needed.
- View the results instantly and copy or download the output.
Tips & Best Practices
- Browser-tools minification covers the bulk of file-size win (comments, whitespace). The remaining 5–10% needs an AST pass.
- Hex shortening only applies to 6-digit hex with matching pairs (#aabbcc → #abc). 8-digit alpha hex doesn't shorten.
- Minified CSS is harder to debug. Keep an unminified source map in dev; ship the minified file in production.
- For multi-file CSS, run a real bundler (Vite, esbuild, PostCSS). This tool is for one-off snippets.
- CSS variables and modern selectors pass through untouched.
FAQ
Is this tool free to use?
Yes, completely free with no registration, no limits, and no hidden costs.
Is my data private?
All processing happens in your browser. No data is ever sent to any server or third party.
Does it work offline?
Once loaded, the tool works entirely offline. All processing is done client-side with JavaScript.
Which browsers are supported?
Works in Chrome, Firefox, Safari, Edge, and all modern browsers on desktop and mobile.
Can I use the results commercially?
Yes, all output is yours to use freely in any personal or commercial project without restrictions.