CSS Minifier / Beautifier

Paste your CSS and click Beautify to format it with proper indentation, or Minify to compress it. All processing happens in your browser.

About CSS Minifier / Beautifier

This tool processes CSS entirely in your browser. No data is sent to any server.

  • Beautify: Formats minified CSS with proper indentation and line breaks for readability.
  • Minify: Removes whitespace, comments and unnecessary characters to reduce file size.

Minifying is a transport optimisation, not a build step you should keep in your source. Strip comments and whitespace for what ships, keep the readable copy for what you edit, and let the difference in size tell you whether it was worth it. On a server with compression already enabled the gain from minifying is smaller than most people expect, because gzip is very good at repeated whitespace, but it still helps and it costs nothing.

Related tools

Markdown to HTML Converter HTML to Markdown Converter Color Converter

Is the markup fighting you?

Escaped entities, mangled encodings and content that renders one way in the CMS and another on the page usually mean something in the pipeline is guessing. We build front ends and the publishing path behind them, so what you write is what a visitor sees.

Talk to us about your site

Frequently Asked Questions

How much does minifying actually save?
Less than you would think once compression is on, because gzip already collapses repeated whitespace efficiently. The saving is real but usually modest; the bigger win in most stylesheets is removing rules nobody uses any more.
Will it break my stylesheet?
Not if the input is valid. Comments and whitespace carry no meaning in CSS, with one exception: the space inside a descendant selector is significant, and a minifier that removes it changes what the rule matches. This one keeps it.
Can I get my formatting back?
You can make it readable again, but you cannot recover the original: comments are gone and so is the author's choice of line breaks. Beautifying produces a consistent layout rather than the one you started with, which is why the source copy is the one to keep.
Should I minify by hand?
Only for a one off. Anything you deploy regularly should minify as part of the build, so the readable copy stays the thing you edit and nobody has to remember. This page is for the one off and for checking what a build produced.
Is my CSS uploaded anywhere?
No. It is processed in your browser and nothing leaves the page, which matters more than it sounds: a stylesheet often reveals internal class names, unreleased features and the structure of a site before it launches.