CSS Minifier
The CSS minifier strips comments and unnecessary whitespace, removes the final semicolon in each block and shortens obvious values such as 0px to 0, reporting the size saved. It never reorders or merges rules, so the cascade is untouched.
Your result will appear here.
Not sure where to start? Use Load example.
Results update automatically and are calculated on your device. Nothing you type is sent to a server.
Runs in your browser. Processing happens entirely in your browser. Nothing you enter is sent to Delimiter.live.
How to use the CSS Minifier
- Paste the stylesheet you want to compress.
- Leave value shortening on unless you need byte-identical values.
- Check the size saving and copy or download the result.
Example
.a {
color: #ffffff;
margin: 0px;
}
.a{color:#fff;margin:0}
Common use cases
- Compressing a small stylesheet in a project with no build step.
- Preparing critical CSS to inline in the page head.
- Reducing the size of styles stored in a CMS or an email template.
Limitations and things to watch for
- Only safe transformations are applied. Rules are never merged, reordered or deduplicated, because doing so can change the cascade in ways that are hard to predict.
- Comments starting with /*! are preserved, which is the convention for licence headers.
- As with all minification, gzip or Brotli on the server saves considerably more.