CSS Minifier

About this tool

Compress CSS by stripping comments and unnecessary whitespace, producing a smaller stylesheet that loads faster.

Example

Input: a { color: red; }

Output: a{color:red}

Privacy

This tool runs entirely in your browser. Your data is processed locally and never uploaded to a server.

How to use this tool

1. Paste your CSS into the input box.
2. Check the minified result in the output area.
3. Copy the compressed CSS into your project.
4. Keep the original file if you may need to edit it later.

Step by step, what happens

1. The tool reads your CSS as plain text and looks for comments, extra spaces, line breaks, and other formatting that is safe to remove.
2. It strips comment blocks and collapses whitespace where CSS does not need it.
3. It removes the last semicolon before a closing brace when that semicolon is optional.
4. It returns a shorter stylesheet that keeps the same CSS rules but takes less space.
5. You can then copy the result and use it in your site, build step, or bundle.

Worked example

Here is a small stylesheet with comments and formatting that can be safely removed.

Input: /* header styles */ .header { color: red; margin: 0; }

1. The tool removes the comment because it does not affect how the CSS works.
2. It removes line breaks and extra spaces around selectors, braces, and declarations.
3. It drops the final semicolon before the closing brace because it is not needed here.

Tips and common mistakes

• Do not paste Sass, SCSS, or other preprocessor syntax unless the tool specifically supports it, because nested syntax and variables are not plain CSS.
• Keep comments you need for documentation in a separate source file, since this tool removes them from the output.
• If a rule looks broken after minifying, compare it with the original file to find any invalid CSS that was already present.
• Use the minified output for production, but keep a readable copy for editing and debugging.

Frequently asked questions