CSS Minifier / Beautifier
Input CSS
Output CSS
About this CSS minifier and beautifier
This tool helps you compress CSS by removing comments, unnecessary whitespace, and extra formatting.
You can also beautify compressed CSS to make it easier to inspect, edit, debug, or review before using it in a project.
How to use it
- Paste your CSS into the input field.
- Choose Minify to compress CSS or Beautify to format it.
- Copy the generated output and use it in your stylesheet or build process.
Tips
- Use minified CSS for production when you want smaller files.
- Use beautified CSS when reviewing third-party snippets or generated styles.
- For large production projects, keep the original source CSS in your repository.
CSS minification checks
Keep source files
Use minified CSS as output, not as the file you edit. Keep readable source CSS or preprocessor files in version control.
Check comments
Minification may remove comments. Keep license notices and important build comments in the proper source or bundler configuration.
Test cascade impact
Minification should preserve behavior, but always check selector order, media queries, and browser-specific hacks after copying output.
Prefer build tools for apps
For production applications, a bundler or framework pipeline is usually safer because it can preserve source maps and asset references.
CSS minification checks before shipping a stylesheet
Compression should preserve cascade behavior, supported syntax, custom properties, URLs, and compatibility with the production browser matrix.
Cascade and order
Ensure rule merging or reordering does not change specificity, layer order, fallbacks, overrides, or source-order-dependent behavior.
Modern syntax
Test custom properties, calc(), color functions, nesting, container queries, vendor prefixes, and browser-specific fallbacks.
Assets and source maps
Confirm relative URLs resolve from the emitted file and that source map references match the deployed asset paths.
Visual regression
Compare key pages across breakpoints, themes, interaction states, print styles, and supported browsers after the production build.
Related tools
You may also find these tools useful.