CSS Minifier

Compress stylesheets by stripping comments and whitespace.

Ad placeholder (leaderboard)
Enjoying the tools? Go Pro for £4.99 (one-time) and remove all ads — forever, on this device. Remove ads — £4.99

This tool minifies CSS to make your stylesheet smaller and faster to load, entirely in your browser. Paste your CSS and it removes everything the browser does not need — comments and redundant whitespace and punctuation — without changing how the styles render. It is handy for shrinking a stylesheet before deployment when you do not want to set up a build step.

How it works

The minifier walks through the source and applies these transformations while leaving string contents untouched:

  • Strips /* ... */ comments.
  • Collapses runs of whitespace to a single space, then removes spaces around the structural punctuation { } : ; , and combinators.
  • Drops the unnecessary semicolon before each closing brace.

Crucially, it copies the contents of quoted strings verbatim, so values inside url("...") and content properties are preserved exactly.

Example

This input:

/* Card */
.card {
  display: flex;
  padding: 12px;
  color: #ffffff;
}

minifies to:

.card{display:flex;padding:12px;color:#ffffff}

The comment, indentation, line breaks and the trailing semicolon are all gone, but the rule behaves identically. It all runs in your browser, so nothing is uploaded.

Ad placeholder (rectangle)