CSS Minifier

Remove whitespace and comments from CSS to reduce file size.

CSS Input

Minified CSS

The result will appear here.

Was this tool useful?

About this tool

Every byte of CSS your server sends is a byte the browser has to download and parse. Minification removes comments, strips unnecessary whitespace, collapses shorthand values, and eliminates redundant semicolons — typically shrinking files by 20–60% without changing how they render.

How to use it

Paste your CSS into the left panel.
Click Minify.
Copy the minified output and paste it into your production bundle, or inline it in a <style> tag.
The stats line shows how many characters were saved.

Examples

Before and after

.button {
  background-color: #0070f3;
  padding: 8px 16px;
  border-radius: 4px;
  /* primary action */
}

.button{background-color:#0070f3;padding:8px 16px;border-radius:4px}

Common problems

Minified CSS breaks my animations.: Make sure your @keyframes blocks are included in the input. The minifier only removes whitespace and comments — it does not change property values.