jsonecho
English Türkçe Español हिन्दी العربية Français Português Русский Deutsch 日本語 Bahasa Indonesia 한국어 Italiano বাংলা اردو Tiếng Việt ไทย فارسی Polski Nederlands Українська Română Ελληνικά Svenska

CSS Minify

Remove comments and whitespace to get the smallest CSS.

Loading the tool...

How to use CSS Minify

  1. Paste your CSS.
  2. Copy the minified result.

About CSS Minify

Minifying CSS removes the characters that humans need and the browser does not: comments, line breaks, indentation and the last semicolon in a rule. The savings are typically 20 to 40 percent before compression.

This is a safe, conservative minifier. It does not merge rules, shorten colours or rename anything, so the cascade stays exactly as you wrote it.

Frequently asked questions

Does it shorten colour values or merge selectors?

No. It only removes whitespace and comments, which cannot change how the stylesheet behaves.

Is it safe for calc() expressions?

Spaces around + and - inside calc() are required by the spec. If you use calc(), check that the result still has them.

Can I get readable CSS back?

Yes, use the CSS Formatter on the minified text.

More in Code Formatters

All tools →
JS BeautifierTurn minified or messy JavaScript into readable, indented code.FormatJavaScript Pretty PrintPretty print JavaScript so you can read it.FormatCSS Pretty PrintPretty print CSS so each rule and property is easy to read.FormatC# FormatterIndent C# code and put braces and statements on their own lines.FormatJava FormatterPut Java code back into a readable layout: one statement per line, braces indented.FormatGraphQL FormatterFormat GraphQL queries and schemas so nested selections are easy to read.FormatAngular FormatterFormat Angular component templates with their structural directives and bindings.FormatVue FormatterFormat a Vue single-file component: template, script and style together.Format