Minificador CSS

Reduce CSS eliminando comentarios y espacios innecesarios.

La herramienta interactiva necesita JavaScript para funcionar. Todo lo demás de esta página —cómo funciona, un ejemplo resuelto y las respuestas a las preguntas habituales— está más abajo y no necesita nada.

Herramientas relacionadas

Todas las herramientas: JSON, XML y formatos →

Minificador / embellecedor de JavaScriptMinifica o embellece JavaScript en tu navegador, con un tokenizador que respeta cadenas, regex y comentarios.Embellecedor de CSSReformatea CSS minificado o desordenado en reglas limpias y bien sangradas — o vuelve a minificarlo.Generador de sombra CSS (box-shadow)Ajusta una sombra CSS con vista previa en vivo y copia el código generado — desplazamiento, desenfoque, extensión, color, inset.Compresor de CSSMinifica CSS eliminando comentarios y espacios para reducir el tamaño de tu hoja de estilos.Laboratorio de CSS FlexboxExperimenta con flex-direction, wrap, justify-content, align-items y gap — vista previa en vivo y CSS para copiar.Generador de CSS GridConstruye un layout CSS Grid visualmente — columnas, filas, espacios y alineación — con vista previa en vivo y CSS para copiar.Conversor de CSV a JSONAnaliza texto CSV (con fila de encabezado) en un array JSON de objetos, gestionando campos entrecomillados. Suelta un archivo en vez de pegarlo: se lee en tu navegador y nunca se envía.CSV a tabla MarkdownConvierte un CSV en una tabla Markdown, comillas incluidas: un campo puede contener el delimitador, un salto de línea o una barra vertical sin romper la tabla. Coma, punto y coma (Excel francés), tabulación o barra — detectado o forzado.

Abre Minificador CSS y obtienes una respuesta al momento, sin crear ninguna cuenta. Su sitio está en JSON, XML y formatos; Minificador / embellecedor de JavaScript y Embellecedor de CSS responden a las preguntas más cercanas.

Cómo usarlo

Abre la herramienta — sin registro ni instalación.
Introduce tus datos o ajusta las opciones disponibles.
Obtén tu resultado al instante y cópialo o descárgalo.

Preguntas frecuentes

¿Para qué sirve Minificador CSS?

Reduce CSS eliminando comentarios y espacios innecesarios.

¿En qué casos se usa realmente?

Hacer legible un bloque generado por una máquina, localizar el carácter donde falla el parseo y reducir un archivo antes de publicarlo.

¿Cuál es el error más frecuente?

Confundir válido con correcto. Un documento puede parsearse sin errores y aun así no tener la forma que espera quien lo leerá: la validación comprueba la sintaxis, no el esquema.

¿En qué se diferencia Minificador CSS de Minificador / embellecedor de JavaScript?

Están próximos pero responden a preguntas distintas: Minificador / embellecedor de JavaScript es el que conviene abrir cuando se trata de minifica o embellece JavaScript en tu navegador, con un tokenizador que respeta cadenas, regex y comentarios. Elige el que encaje con tu punto de partida — ambos son gratis.

¿Hay una herramienta para el siguiente paso?

Embellecedor de CSS es el más cercano después de este: Reformatea CSS minificado o desordenado en reglas limpias y bien sangradas — o vuelve a minificarlo.

¿De dónde salen los datos?

El análisis y la serialización siguen la especificación de cada formato. El orden de claves y los espacios no tienen valor semántico en JSON ni en YAML, así que un documento reformateado es equivalente aunque cambien los bytes.

Para saber más

Todas las guías →

GuíaEmbellecer o minificar: para qué sirve cada uno y qué le hace al pesoCuatro hojas de estilo reales pasadas por el minificador, medidas en crudo y tras gzip. Quitar todos los espacios ahorró 48, 103, 104 y 147 bytes comprimidos; quitar los comentarios, 57, 1 358, 2 420 y 1 042. Y las cinco entradas que este minificador rompe.GuíaTransponer una tabla cuyas filas deberían haber sido columnasQué le pasa a la fila de cabecera, a las filas de longitud desigual, a los tipos — y la única cosa con la que se confunde habitualmente transponer y que no puede hacer.GuíaQué puede quitar un minificador y qué no debe tocarLa minificación tiene que preservar el significado, y lo interesante son los espacios que llevan significado: el combinador descendiente, los espacios dentro de calc(), el hueco entre dos elementos en línea. Medido aquí sobre archivos reales, incluido lo que brotli te iba a ahorrar de todas formas.TutorialConstruir una tabla Markdown desde cero, sin contar guiones a manoLo más pequeño que sigue siendo una tabla son dos líneas: una fila de cabecera y una fila delimitadora. Aquí está por qué la segunda es obligatoria en GitHub Flavored Markdown, dónde las tablas de barras no existen en absoluto, y qué hace un generador que teclear a mano no puede.GuíaPegar una tabla en un pull request: qué se rompe y los dos caracteres que lo rompenUna tabla Markdown prohíbe exactamente dos caracteres dentro de una celda: la barra vertical y el salto de línea. Aquí está qué hace cada uno, cómo los trata un conversor, por qué el escape debe aplicarse en el orden correcto, y por qué el relleno nunca importa.ExplicaciónDe CSV a JSON: los cinco casos que rompen cualquier conversorDelimitadores entrecomillados, saltos de línea incrustados, tipos ambiguos, cabeceras duplicadas y codificación. Cada caso se pasó por el conversor y aquí está la salida exacta, incluidos los dos que no salva.