Minificador de CSS

Cómo usar esta herramienta

1. 1

   Paste your CSS — a single rule, a component stylesheet, or an entire file.

2. 2

   The minified result and the byte savings appear instantly below the input.

3. 3

   Copy the minified output, or compare the before/after byte count to see the reduction.

¿Qué es el Minificador de CSS?

Casos de uso comunes

• Shrink a critical-CSS snippet you're inlining into the <head> to remove a render-blocking request.

• Compress CSS for an HTML email or newsletter, where every kilobyte counts and there's no build pipeline.

• Paste CSS into a CMS or page-builder field that doesn't minify automatically (WordPress 'Additional CSS', Shopify theme settings).

• Check how much weight a third-party stylesheet adds before deciding whether to self-host it.

• Clean up CSS copied from DevTools, which arrives with computed-style comments and inconsistent spacing.

• Produce a one-line version of a rule to paste into a chat, ticket, or code-review comment.

Preguntas frecuentes