HTML CSS JS Compiler

CSS Minifier

Minify CSS online with CSSO. Compact stylesheet syntax and equivalent values while preserving required calc() spacing.

CSS Minifier produces a smaller stylesheet for transfer or embedding. It strips comments and unnecessary whitespace.

Input
Output

When to use CSS Minifier

  • Embedding critical CSS in experiments
  • Reducing snippet size for sharing
  • Comparing readable vs compact CSS

Example

Input

.card { width: calc(100% - 2rem); color: #ffffff; }

Output

.card{width:calc(100% - 2rem);color:#fff}

How to use

  1. Paste readable CSS. Keep a backup of the readable version.
  2. Minify. Run to collapse spaces and drop comments.
  3. Ship compact CSS. Use the output where smaller size matters.

Processing and limitations

Uses CSSO without rule restructuring. Values such as calc() keep required operator spacing. CSSO can shorten equivalent values; keep original source and check the result in your target browsers.

Reference

Benefits

  • Free to use—no account required
  • Runs in your browser
  • Instant results with no software install
  • Basic processing does not upload your content to a server
  • Minification does not rewrite selectors or merge identical rules.

Not the same as

Need readable CSS again? Beautify or format the source file—not the only minified copy.

Related tools

HTML CSS JS Compiler Tools CSS FormatterCSS Color Converter