My Tool Studio
Developer Tools·2 min read

CSS Minifier Online: Shrink Stylesheets Free

Production CSS should be small. This tool gets it there: minify css in your browser, free, stripping comments and whitespace so your stylesheet ships lighter. As a css minify tool it keeps your code on your device.

1.24 KB{"a": 1,"b": 2}MINIFIED · 430 B{"a":1,"b":2,"c":3,"d":4}−64%

What minifying CSS does

Same styles, fewer bytes.

Source CSS is full of comments, indentation, and spacing that help you read it and add weight to the file. To minify css is to strip all of that and leave mini css on a single line that renders identically. It also drops redundant zeros, so a value like zero pixels becomes just zero.

People reach it as minify css online or a minify css file online step, and some just type minify my css. Whatever the wording, this css minify tool runs in your browser, so even a private stylesheet stays on your machine.

Turning minified CSS back to normal

The reverse direction.

Minified CSS is great for shipping and awful for editing. When you need to go minify to normal css, or turn minified css to normal, readable formatting, the CSS Beautifier re-indents every rule. Keep both tools handy: beautify while you work, minify before you deploy.

Minifying CSS in WordPress

Live sites versus one-offs.

On a live site, the common way to minify css in wordpress is a caching or optimization plugin that minifies assets automatically on each request, so you do not paste anything by hand. For a quick one-off, or to check how small a file gets, paste the stylesheet here, minify it, and drop the result into your theme or a custom CSS field.

Try it now

Open CSS Minifier

The tool is one click away. No sign up, no upload, no payment.

Open CSS Minifier