CSS Minifier
Minify CSS stylesheets online — remove comments and extra whitespace to shrink file size, processed entirely in your browser.
Local processing
No login required
Upload & download support
LanguageFor stylesheets
CSSinput.css
Minify options
⌘⏎Quick minify
InputEditable
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Minified outputCSS valid1 lines · 180 B
1
:root{--main-color:#BA5A5A}.btn{color:var(--main-color);background:#fff;padding:8px 14px;border-radius:6px;width:calc(100% - 20px)}@media (min-width:600px){.btn{padding:10px 18px}}
Original size: 257 BMinified: 180 BSaved: 77 B (30.0%)Local processing in your browser · nothing uploaded
How It WorksCSS
Overview
Strips comments, extra whitespace, and line breaks from CSS code, with an optional color-value optimization, shrinking file size as much as possible without changing how styles render — ideal for final production builds. All processing happens locally in your browser, so nothing ever leaves your device.
Use Cases
Minify stylesheets before shipping to productionReduce first-load page weightShrink component-library stylesheetsCompress inline styles embedded in a page
Steps
123
Paste or uploadSet optionsGet the result