Barokit

🎨CSS Minifier

Strip whitespace, comments, and unnecessary semicolons from CSS to save bytes. Useful for production optimization, page speed, and reducing CDN costs.

🔒 Browser-basedNo watermarkNo signup

How to use

  1. 1Paste your CSS.
  2. 2Click the minify button.
  3. 3Copy the result and use it in production.

FAQ

Is it reversible?+

The structure stays intact — only readability drops; meaning is identical. To re-prettify, you'd need a separate beautifier.

How much smaller does it get?+

Typical CSS shrinks 40–60%. The more indents and comments, the bigger the gain.

What about Sass / Less?+

This tool takes plain CSS. Compile Sass/Less to CSS first, then minify.

Are all comments stripped?+

Yes by default. License comments (/*! ... */) may be preserved depending on options.

How is this handled in production?+

Build tools (Webpack, Vite, PostCSS with cssnano/csso) handle it automatically. This tool is for quick one-off checks.

Related tools