CSS Formatter & Minifier
Format CSS with clean indentation, or minify it for production.
Get it in Chrome
Also available in the Chrome extension Every Zase tool also lives in the free Developer Toolkit by Zase extension: fully offline, in a window or the side panel, one keyboard shortcut away.
Add to Chrome
About this CSS Formatter & Minifier
The CSS Formatter and Minifier does both ends of stylesheet work: it beautifies compressed or messy CSS with clean indentation for reading and editing, and minifies CSS for production when every kilobyte of the page weight matters.
How to use the CSS Formatter & Minifier
- Paste your CSS into the input panel.
- Choose Format to beautify it, or Minify to compress it.
- Copy the output into your stylesheet or build.
Good to know
- Minifying a copied third-party snippet before reading it is backwards: format first, read, then minify for shipping.
- Vendor CSS pasted from a browser inspector becomes far easier to adapt once it is indented properly.
- Comments are kept while formatting and dropped when minifying, as you would expect.