# CSS Minifier

> Free CSS minifier. Remove comments and whitespace, shorten colors and zeros, and see bytes saved. Runs entirely in your browser.

Shrink your stylesheets for production: strips comments and whitespace, shortens colors and zero values, and reports exactly how many bytes you saved.

*Interactive tool: enter your values at https://toollantern.win/css-minifier/ and results update instantly in your browser.*

## What the tool does

Minification removes everything a browser does not need: comments, line breaks, indentation, spaces around braces and colons, trailing semicolons, plus safe optimizations like #ff0000 to red or #f00, and 0px to 0. The result behaves identically but downloads faster.

## Worked example

body { color: #ff0000; margin: 0px; } becomes body{color:red;margin:0}: 39 characters down to 24, about 38% smaller.

## When to minify

Minify CSS you ship to production. Keep the readable original as your source of truth and regenerate the minified file whenever it changes.

## Frequently asked questions
### Does minifying change how CSS works?

No. It only removes characters the CSS parser ignores, plus provably safe shortenings. Selectors, specificity and cascade behavior are unchanged.

### How much smaller does CSS get?

Typically 20 to 40 percent, depending on how much whitespace and commenting the original has. The tool reports your exact savings.

### Should I minify during development?

No. Develop with readable CSS (and source maps if your build uses them), then minify as a build step or paste the result here before deploying.

### Is my CSS sent to a server?

No. Minification runs locally in your browser, so proprietary stylesheets stay private.

---
Interactive version: https://toollantern.win/css-minifier/