Minificar CSS
Deja una hoja de estilo en el editor y obtén una versión minificada sin comentarios de bloque y con secuencias de espacios reducidas a uno. Útil para un chequeo rápido de tamaño o un fragmento compacto sin un build completo.
Actualizado 2026-08-03 · developer
Sobre esta herramienta
La minificación reduce el tamaño de transferencia al borrar comentarios y espacios innecesarios. Esta herramienta es un paso ligero en el navegador—no un parser CSS completo—así que no reescribe selectores ni acorta colores. Conserva una fuente formateada; trata la salida como copia comprimida para entrega o comparación.
Cómo usar
- Abrir Minificar CSS: Abre esta página en el navegador.
- Pegar CSS: Pon tu hoja o fragmento en el cuadro Code.
- Copiar el resultado: Toma la salida compactada del área de resultado.
- Verificar en contexto: Pégalo en tu página o bundler y confirma que los estilos siguen aplicando.
Casos de uso
- Comprimir un fragmento CSS pequeño antes de pegarlo en un CMS.
- Comparar a grandes rasgos cuánto pesan los espacios en una hoja.
- Preparar CSS crítico en línea para una demo rápida.
- Limpiar estilos comentados de un borrador antes de compartir un gist.
Consejos
- Cadenas o urls con /* */ son raras, pero pueden romper un quite ingenuo de comentarios—revisa la salida en CSS crítico.
- Guarda el archivo formateado original; el CSS minificado es difícil de editar después.
FAQ
¿Renombra clases o fusiona reglas?
No. Solo quita comentarios y colapsa espacios.
¿Se conservan @media y reglas anidadas?
La estructura permanece como texto; solo cambian comentarios y espacios extra.
¿Se sube mi CSS?
El procesamiento corre en local en el navegador.
¿Por qué la salida podría verse mal?
Casos límite de comentarios dentro de cadenas pueden confundir un quitador simple—revisa hojas importantes.