CSS Minifier

Generate compact CSS from pasted stylesheet text. See parser errors and compare the result before copying it into a project.

Use the CSS parser and generator to compact a stylesheet for a small handoff or test. Compare the output in your target browser if the stylesheet uses newer or unusual syntax.

  • 100% free
  • No registration
  • On your device
  • Modern browser
  1. 1Enter details
  2. 2Adjust options
  3. 3View result
ResultLive

Your input stays on this device for this operation. We don’t upload or store it.

About CSS Minifier

Use the CSS parser and generator to compact a stylesheet for a small handoff or test. Compare the output in your target browser if the stylesheet uses newer or unusual syntax.

Parser feedback

Surfaces CSS parse failures in the workspace.

Compact printing

Generates compact text from the parsed stylesheet.

How to use CSS Minifier

  1. 1

    Paste a stylesheet

    Paste stylesheet source without surrounding style tags.

  2. 2

    Generate compact CSS

    Press Process and check for a parser error.

  3. 3

    Verify the rules in context

    Copy the generated CSS and verify the relevant rules in context.

Formats and practical limits

Stylesheet text in, compact generated CSS out.

  • Input is limited to 100,000 JavaScript string units.
  • This operation serializes parsed CSS. It does not bundle files, add prefixes or remove unused selectors.

Practical example

h1 { color: red; } becomes h1{color:red}.

Further reading

Frequently Asked Questions

2 answers
Can I paste a complete HTML document?

Use just the stylesheet content.

Does it optimize which selectors my site uses?

Selector usage needs a separate page or build analysis.