🎨 CSS Minifier & Beautifier

Make your stylesheet smaller so pages load faster — or turn a one-line minified CSS file back into something you can read.

What this tool does

Minifying removes everything the browser does not need: comments, spaces, line breaks, the last semicolon in a block, 0px → 0, #ffffff → #fff. The page looks exactly the same but the file is smaller. Beautify does the opposite: it adds line breaks and indents so you can read and edit the code. Text inside quotes and url(…) is never touched.

How to use it

1. Paste your CSS.
2. Tap Minify to make it small, or Beautify to make it readable.
3. Check the bytes saved.
4. Copy or download the result and replace your file (keep a backup of the original!).

How to read the result

Most normal stylesheets get 15–40% smaller. If your CSS was already minified, the saving is close to 0% — that is fine. Always keep your readable version as the “master” file and upload only the minified copy, for example style.css → style.min.css.

When it is useful

• Making your website faster for Google PageSpeed and mobile visitors.
• Reading a theme's minified CSS so you can change a colour.
• Cleaning up CSS before you put it inside a <style> tag.
• Learning how other websites write their CSS.

What it cannot do

• It does not remove CSS rules you don't use (that needs a full site scan).
• It does not merge duplicate rules or rewrite selectors — it is a safe, simple minifier.
• It does not add vendor prefixes or fix broken CSS. If your CSS has an error, the result keeps it.
• Beautify gives a clean standard layout, not your own personal style.

Privacy: everything runs inside your browser. Your text is not sent to our server and is not saved.

Questions people ask

Will minifying change how my site looks?

No. Only characters the browser ignores are removed. Strings, url() values and the order of rules stay the same.

Should I minify CSS for SEO?

It helps a little: smaller files load faster, and speed is one of many Google ranking signals. The bigger win is for visitors on slow mobile data.

Why keep /*! comments?

Comments that start with /*! usually hold a licence note (for example from a library). Tick the option to keep them.

Can I edit minified CSS?

Yes, beautify it first, make your changes, then minify again before you upload.

What if my site uses a cache plugin?

After you upload new CSS, clear the cache or change the version number in the link (style.css?v=2), otherwise visitors may still see the old file.

More free tools