How much does CSS minification save?

Typical savings are 15–35% depending on how much whitespace and how many comments the file contains. Shortening hex colors adds a small additional saving.

What does "Shorten leading zeros" mean?

Values like 0.5rem become .5rem — saving one character per occurrence. This is valid CSS and recognized by all browsers.

What does "Remove trailing semicolons" do?

The last declaration in a rule does not require a semicolon in CSS. Removing it saves one character per rule block.

Will beautify work on already-minified CSS?

Yes. The beautifier re-parses the CSS and reformats it with proper indentation and newlines regardless of the input format.

Is my CSS sent to a server?

No. All processing is done in your browser using JavaScript. Nothing is transmitted to any server.

CSS Minifier

Name: CSS Minifier
Availability: InStock
Author: Nham Vu

Paste CSS, choose Minify or Beautify, and get the processed output with the bytes saved shown in a progress bar.

CSS Options

CSS input

Minify Options

Remove comments (/* */) Remove trailing semicolons (;) Shorten leading zeros (0.5 → .5) Shorten hex colors (#ffffff → #fff)

Processed CSS

Paste CSS on the left and click Minify CSS or Beautify CSS.

Summary

Paste CSS, choose Minify or Beautify, and get the processed output with the bytes saved shown in a progress bar.

How it works

Paste your CSS into the input field.
Click Minify to compress or Beautify to format.
Adjust the options (remove comments, shorten colors, etc.) as needed.
Click the main action button and copy the output.

Use cases

Reduce CSS file size for faster page load before deploying.
Beautify minified third-party CSS for debugging.
Shorten hex color values (#ffffff → #fff) to save bytes.
Remove trailing semicolons and leading zeros to further reduce size.

Frequently Asked Questions

Related tools

Html Min Json Format Base64 Encode Css Custom Property Inspector Css Reset Generator Page Weight Budget

Last updated: 2026-06-03 · Reviewed by Nham Vu