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.

Open CSS Minifier

Stop reading. Start using.

That is everything worth saying. Open the tool and try it on something real. You will know within a minute whether it belongs in your kit.

Related research

If you found this useful, the other Developer guides are written in the same voice. We keep them short, practical, and rooted in real work.

About the makers

mytoolstudio is designed and built by the team at GAP3, a small studio that ships product, brand, and growth work for early stage companies. We built this site as a free public good. Read more about us at gap3.co.

Try it now

Open CSS Minifier

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

Open CSS Minifier