Skip to main content

You are responsible for key management and output validation.

CSS Minifier & Formatter

Minify or beautify CSS in your browser. Comments, whitespace, and license blocks are handled safely. Nothing is uploaded.

26.9% smaller

Result

How to Minify CSS Online

Paste CSS and get minified or formatted output locally, without uploading.

  1. 1

    Paste your CSS

    Copy the stylesheet or rule block into the input area.

  2. 2

    Choose a mode

    Select Minify to compress or Beautify to expand with indentation.

  3. 3

    Copy the result

    Copy the output and verify the rendered result before deploying.

Common Use Cases

  • 1Shrink CSS before deploying to reduce payload size and page weight
  • 2Beautify minified or generated CSS before debugging or reviewing
  • 3Remove comments from production bundles while keeping license blocks
  • 4Normalize whitespace from copied snippets so diffs stay readable

Security Tips

  • Minification changes bytes, not behavior: verify the output in a browser before shipping
  • Keep license comments (/*! ... */) to stay compliant when distributing open-source CSS
  • Paste CSS only into local tools; obfuscated or minified code may hide unexpected content
  • Review generated CSS for embedded URLs or data URIs you did not intend to include

Frequently Asked Questions

Does the tool upload my CSS?

No. Minifying and formatting run entirely in your browser. You can confirm by opening DevTools → Network and watching for requests while pasting.

What does the minifier do?

It removes comments and redundant whitespace, drops the last semicolon of each rule, and preserves string literals and url() values. License comments are kept when the option is enabled.

Can I beautify already-minified CSS?

Yes. Switch to Beautify mode and paste minified CSS — rules, properties, and nested blocks are re-indented for readability.

Related Guides

Related Tools

Your inputs remain on your device.