Home › Developer Tools › CSS Minifier
✂️ CSS Minifier
Minify CSS to a single tight line, or beautify it back — with byte savings shown.
About this CSS Minifier
Smaller CSS files download faster and make pages feel instant. This minifier strips comments, collapses whitespace and removes the spaces around punctuation to squeeze a stylesheet onto one tight line, then reports exactly how many bytes you saved. Its beautifier does the reverse, expanding minified CSS into an indented, readable layout.
How to use it
- Paste your CSS into the Input box.
- Click Minify to compress it, or Beautify to expand it readably.
- Check the byte count and percentage saved.
- Copy the output and use it in your project.
Example
The rule body { color: red; } minifies to body{color:red} — same styling, a quarter of the size.
Frequently asked questions
Will minifying change how my site looks?
No. Minification only removes comments and whitespace that browsers ignore. Selectors, properties and values are untouched.
Should I keep an unminified copy?
Yes. Always keep your readable source file for editing, and use the minified version only on the live site.
How much can I expect to save?
Typically 15–30% on hand-written CSS. The exact byte counts before and after are shown under the output.
More Developer Tools
Password Generator
Create strong random passwords in your browser with a live entropy strength meter.
QR Code Generator
Turn any text or link into a QR code you can save — generated right in your browser.
Base64 Encoder & Decoder
Encode text to Base64 or decode Base64 back, with safe UTF-8 handling for any language.
JSON Formatter
Format, minify and validate JSON, with clear error positions and quick structure stats.
URL Encoder & Decoder
Encode or decode URLs and query text safely, with component or full-URL modes.
JSON to CSV Converter
Convert a JSON array of objects to CSV, or turn CSV back into clean JSON.