How to use
Run a clean first pass
- Paste CSS into the left input and keep the source intact.
- Switch between Minify and Beautify to update the proof sheet and byte ledger together.
- Check the summary rail, then copy the transformed output.
CSS Minifier / Beautifier
Compress CSS for shipping or reopen it into a readable proof sheet, with the byte impact visible at a glance.
Input
Stylesheet source
Paste raw CSS on the left and keep the source while the result updates instantly on the right.
Paste CSS to start the proof desk.
Output
Proof sheet
Switch between Minify and Beautify and the size ledger updates with it.
Compression ledger
Original
0 B
Result
0 B
Delta
0%
Waiting for content to issue a proof ticket.
selectors
0
blocks
0
comments
0
Waiting for a stylesheet
This card reports formatter status, suspicious structure, and optimization hints.
How it works
Minify is for deployment snippets, docs, or test payloads where comments and excess whitespace should disappear. Beautify is for reopening a compact stylesheet into something you can inspect.
This is a local formatting utility, not a full CSS compiler. It does not handle Sass, Less, autoprefixing, or every uncommon syntax edge case.
The ledger shows original size, result size, and the delta ratio. The summary row gives you a quick selector, block, and comment count so the transformation never feels like a black box.
Quick guide
Use cases, answers, and nearby tools
Compact below-tool notes that help first-run users and repeated visitors move faster without changing the main interface.
Chinese search: CSS 壓縮器、CSS 美化器、CSS 格式化、CSS 壓縮 線上
Examples
Real jobs this page helps with
- Compress a stylesheet before shippingShrink a landing page or component stylesheet into a lighter payload and confirm the byte savings before copying it into production snippets.
- Reopen dense CSS for reviewBeautify a compact or messy CSS fragment so selectors, blocks, and spacing become readable again.
FAQ
What people usually want to know
- Does this tool upload my CSS anywhere?
- No. Formatting runs locally in your browser.
- Why can Beautify make the file larger?
- Beautify adds line breaks and indentation for readability, so the ledger can show growth instead of savings.
- Does it support Sass, SCSS, or autoprefixer?
- No. This version is scoped to ordinary CSS cleanup and formatting, not full preprocessing or build-pipeline transforms.