CSS Minifier

Minify or beautify CSS code instantly in your browser. No data is sent to any server.

All processing happens in your browser. Your data never leaves your device.

Mode:

CSS Input

CSS Output

Examples

Minification Example

Before:

.btn { color: red; }

After:

.btn{color:red}

Beautification Example

Before:

.btn{color:red}

After:

.btn { color: red; }

About CSS Minifier

CSS Minifier is a powerful tool that compresses CSS code by removing unnecessary whitespace, comments, and formatting, reducing file size for faster page loads. The beautify mode formats CSS code with proper indentation for better readability and maintainability.

Supported features:

Minification: Remove whitespace, comments, and optimize CSS with 3 compression levels
Beautification: Format CSS with customizable indentation (2 or 4 spaces)
Statistics: Real-time compression metrics showing file size savings
Validation: Basic CSS syntax validation with error reporting
Download: Export processed CSS directly to a file
Auto-save: Your input is automatically saved and restored on page reload

Use cases: Web performance optimization, reducing bandwidth usage, improving page load times, code formatting, CSS debugging, stylesheet cleanup, production deployment preparation, code review, learning CSS structure