CSS Minifier

Developer Tools

Shrink CSS and see bytes saved

FreePrivateInstant
Add a file · .txt .md .csv .json … · up to 2.00 MB
Embed this tool on your websiteFree
  1. Choose how tall the frame should be.
  2. Press Copy code.
  3. Paste it into your page, blog, WordPress or Notion HTML block.
Height

The tool runs inside your visitor's browser, nothing is uploaded, and a small "Powered by ToolCloak" line stays under it. The second line (script) is optional: it makes the frame fit the tool's height.

Similar tools you may like

History

All history →

CSS Minifier — at a glance

Make your stylesheet smaller for faster page loads.

CSS
.a {
color: red;
}
Minify CSS
Minified
.a{color:red}

How to use it — step by step

Any CSS code.

1

Paste your input

Paste or type your content into the big input box.

2

Choose options

Pick the mode and options that fit what you need.

3

Minify CSS

Press the button. The result is created instantly on your device.

4

Copy the result

Check the output and press Copy to use it anywhere.

Pro tips

Small things that make the result better.

✦Keep your original file — minified code is hard to edit.
✦Combine this with gzip or brotli on your server.
✦Always test the page after replacing the CSS.

Quick facts

Freeno signup, no limit
Instantresult in a moment
Privatenothing is uploaded
Any devicephone, tablet or PC

Frequently Asked Questions

Is minifying safe?+

Yes. It only removes things the browser ignores.

What about strings with spaces?+

Spaces inside quoted strings are collapsed, so avoid double spaces in content strings.

Is my data safe?+

Yes. Everything runs inside your own browser. Your text, files and images are never uploaded to any server.

More Free Tools