Ir al contenido
OneKitly
Registrarse · Entrar

Minificador CSS

Reduce CSS eliminando comentarios y espacios innecesarios.

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.Formateador, minificador y validador JSONFormatea, embellece o minifica JSON — con validación instantánea.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.

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 Formateador, minificador y validador JSON responden a las preguntas más cercanas.

Cómo usarlo

  1. Abre la herramienta — sin registro ni instalación.
  2. Introduce tus datos o ajusta las opciones disponibles.
  3. 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: 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?

Formateador, minificador y validador JSON es el más cercano después de este: Formatea, embellece o minifica JSON — con validación instantánea.

¿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í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.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.ExplicaciónDe XML a JSON: atributos, repetición y la trampa del array de un solo elementoDos documentos que solo se diferencian en cuántos hijos existen producen dos formas JSON distintas, y ningún conversor puede distinguirlos sin un esquema. Además, lo que este hace de verdad con los atributos, el contenido mixto y los espacios, y lo único que sigue sin poder registrar.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.ComparativaJSON vs XML: ¿cuál es la diferencia?JSON y XML almacenan ambos datos estructurados como texto, pero con compromisos distintos. Aquí tienes cómo se ve cada uno, dónde gana cada uno y cómo elegir.