CSS Minifier with Live Size Savings

Minify CSS in your browser and see exactly how many bytes you save. Safely compr...

SecureFastFree

Updated

Original
0 B
Minified
0 B
Saved
0%
0 B
Input CSS0 B
Minified CSS
0 B
Minified CSS will appear here...

Quick answer

A CSS minifier shrinks a stylesheet by removing comments, whitespace and the redundant last semicolon in each block, without changing how it renders. Paste your CSS here and it minifies instantly in your browser, showing the original size, the minified size and the exact bytes and percent saved. It safely preserves strings, url() data URIs and calc() spacing, keeps /*! license */ comments, and lets you copy or download the .min.css.

SSL Secured
256-bit Encryption
Cloud Processing
Mobile Friendly

CSS Minifier Features

Safe Minification - Tokenizer-based minify that protects strings, url(), calc() and attribute selectors.
Live Size Scoreboard - Original, minified and saved bytes plus percent, updated as you type.
Beautify Mode - Unminify compressed CSS back into readable, indented code.
Preserve /*! ! */ Comments - Keep license and copyright headers while stripping the rest.
Copy and Download - Copy to clipboard or save a ready-to-use .min.css file.
Private by Default - Runs entirely in your browser with no uploads.

Why Use CSS Minifier with Live Size Savings?

See the Savings Live

Original size, minified size and the exact bytes plus percent saved update as you paste. No guessing how much smaller your CSS got.

Safe by Design

A tokenizer protects strings, url() data URIs, calc() spacing and attribute selectors, so the minified CSS renders identically to the source.

Keeps License Headers

Important /*! ... */ comments (license and copyright headers) survive minification while every other comment is removed.

Minify or Unminify

Flip to Beautify to expand minified CSS back to readable, indented code for debugging or editing third-party stylesheets.

100% In Your Browser

Your CSS never leaves the page. All processing runs client-side in JavaScript, so nothing is uploaded to a server.

Copy or Download .min.css

One click to copy the result or download it as a ready-to-ship .min.css file for your production build.

What People Use the CSS Minifier For

Production Builds

Compress your final CSS before shipping so browsers download fewer bytes and pages render sooner.

Core Web Vitals

Smaller stylesheets cut render-blocking bytes and help LCP, improving PageSpeed and Lighthouse scores.

Inspect Third-Party CSS

Beautify a minified vendor stylesheet to read and understand it before overriding its rules.

Faster Mobile Loads

Fewer CSS bytes matter most on slow mobile networks where every kilobyte affects load time.

How It Works

1

Paste Your CSS

Drop your stylesheet into the input box, or click Load sample to try it. The minified output and size savings appear instantly.

2

Choose Your Options

Keep the default Minify mode, decide whether to preserve /*! license */ comments, or switch to Beautify to unminify instead.

3

Copy or Download

Copy the minified CSS to your clipboard or download it as a .min.css file, then use it in production for faster page loads.

Tips & Best Practices

Keep Your License Header

Prefix a comment with an exclamation mark, like /*! (c) 2026 MyLib */, to keep it after minifying. This is the standard convention every minifier respects.

Unminify to Read Vendor CSS

Switch to Beautify mode to expand a compressed stylesheet back to indented lines when you need to understand or override it.

Compile Preprocessors First

SCSS, LESS and Stylus are not CSS. Compile them to plain CSS first, then minify that output here for the best results.

Frequently Asked Questions

Paste your CSS into the input box on this page. The tool minifies it in your browser instantly, removing comments and whitespace and dropping the final semicolon in each block, then shows the original size, minified size and how much you saved. Click Copy or Download to grab the .min.css.
Yes. The minifier uses a tokenizer that protects strings, url() and data URIs, calc() expressions and attribute selectors before touching whitespace, so it only removes characters that do not change how the CSS renders. It favors correctness over squeezing out every last byte.
By default it keeps important comments that start with an exclamation mark, written as /*! ... */. These are the standard way to mark license and copyright headers. Every other comment is stripped. You can turn this off with the Keep license comments checkbox.
No. Spaces inside calc() such as calc(100% - 10px) are kept because they are required, data URIs like url(data:image/png;base64,...) are preserved byte for byte, and the exact text inside content: "..." strings is never altered.
It depends on how much whitespace and how many comments the source has. Heavily formatted CSS often shrinks by 20 to 50 percent. This tool shows you the real number for your file: the exact bytes and percentage saved appear the moment you paste.
Yes. Switch the mode toggle to Beautify and the tool expands minified CSS back onto multiple indented lines so it is readable again. This is handy for inspecting or editing a compressed third-party stylesheet.
It minifies standard CSS, which includes the compiled output of SCSS, LESS, Stylus and Tailwind. Compile your preprocessor to plain CSS first, then paste that here to minify it.
No. Everything happens locally in your browser using JavaScript. Your CSS is never sent to or stored on any server, so it stays private even for proprietary stylesheets.

Related Tools

CSS Formatter

Beautify CSS with clean indentation and spacing

JS Minifier

Compress JavaScript to shrink your bundle

HTML Minifier

Minify HTML markup for faster page loads

JSON Formatter

Format, validate and minify JSON online

Diff Checker

Compare source vs minified CSS line by line