Desminificar CSS en línea — Formateador CSS

Desminifica CSS comprimido al instante. Restaura un formato legible — procesamiento en el navegador.

Cargando…

Desminificación CSS

Desminificar CSS comprimido en línea. Restaurar formato legible para depurar estilos en producción.

Funcionalidades

Restaure la legibilidad de tu código CSS minificado añadiendo espacios y saltos de línea.

Desminificar

Restaure la legibilidad de tu código CSS minificado añadiendo espacios y saltos de línea.

Paquete utilizado

CSSO

v5.0.5

CSSO (CSS Optimizer) es una herramienta potente para optimizar archivos CSS eliminando redundancias y comprimiendo el código.

Ejemplo básico

CSS minificado

.container{margin:20px;padding:10px;background-color:#fff}.button{color:#000;font-size:16px;border:1px solid #ccc}.card{display:flex;flex-direction:column;gap:12px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.12)}

CSS formateado

.container {
  margin:20px;
  padding:10px;
  background-color:#fff;
}

.button {
  color:#000;
  font-size:16px;
  border:1px solid #ccc;
}

.card {
  display:flex;
  flex-direction:column;
  gap:12px;
  border-radius:8px;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
}

Guía de optimización de CSS

Opciones de minificación

Opciones de Embellecer

Opciones de indentación para Embellecer y Desminificar (no utilizadas por Minificar)

Tamaño de indentación

Define el número de espacios o tabulaciones para la indentación durante Embellecer y Desminificar

Código original

.header{color:red;padding:10px}

Con 2 espacios

.header {
  color: red;
  padding: 10px;
}

Con 4 espacios

.header {
    color: red;
    padding: 10px;
}

Diferencia

Embellecer y Desminificar utilizan los controles de indentación de la barra de herramientas. Minificar los ignora.

Tipo de indentación

Usa espacios o tabulaciones para la indentación durante Embellecer y Desminificar

Código original

.header{color:red;padding:10px}

Con espacios

.header {
  color: red;
  padding: 10px;
}

Con tabulaciones

.header {
	color: red;
	padding: 10px;
}

Diferencia

Los espacios son más estándar; las tabulaciones pueden preferirse según sus convenciones de código.

Cómo desminificar CSS en línea

La desminificación CSS restaura un formato legible a las hojas de estilo comprimidas. Pegue cualquier CSS minificado en nuestra herramienta para añadir indentación, saltos de línea y organizar selectores. Es esencial para depurar hojas de estilo en producción, revisar frameworks CSS de terceros o entender estilos de proveedores.

Embellecer CSS — Formatear sus hojas de estilo

Nuestro embellecedor CSS aplica reglas de formato coherentes a sus hojas de estilo — indentación estandarizada, orden de propiedades y formato limpio de selectores. Ya sea que tu CSS provenga de un proceso de build, de un minificador o de otro desarrollador, el embellecimiento lo deja limpio y mantenible.

Preguntas frecuentes — Desminificar

Todo sobre la desminificación

¿Cómo desminifico CSS?

Pegue CSS minificado y haga clic en Desminificar. Se restauran la indentación y los saltos de línea para depuración.

¿Necesita embellecer en lugar de desminificar?

Para CSS ya legible, utilice el embellecedor CSS.

Desminificar

Expande código minificado o comprimido — desminifica JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML y otros formatos al depurar o revisar.

Desminificar JS

Desminificar JSON

Desminificar HTML

Desminificar XML

Desminificar SVG

Desminificar SQL

Desminificar YAML

Desminificar TypeScript

Desminificar SCSS

Desminificar LESS

Desminificar TOML

Explorar otras categorías de herramientas

Minificar

Reduce código y assets para producción — minifica JavaScript, CSS, HTML, JSON y XML antes de gzip o un despliegue CDN.

Embellecer

Haz el código legible con una indentación coherente — embellece JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML y más en tu navegador.

Conversión

Transforma datos entre JSON, YAML, XML y CSV en local — sin subidas a un servidor.

Preprocesadores CSS

Compila SCSS o LESS a CSS estándar en el navegador — combínalo con embellecer o minificar para un flujo de hoja de estilos completo.

Herramientas JSON

Valida, formatea, compara y explora payloads JSON — complementarias a minificadores y convertidores.

Herramientas SVG

Previsualiza, optimiza con SVGO, exporta Data URI, redimensiona, embellece, convierte a JSX y valida SVG — todo en tu navegador.

DevOps e Infra

Formato, validación y minificación de Terraform HCL, formato y lint de Dockerfile, validación de Docker Compose y .env.

CI/CD

GitHub Actions y GitLab CI — formatear YAML y comprobar la estructura de workflows/jobs en el navegador.

Logs y observabilidad

JSON/NDJSON línea a línea y access logs de Nginx/Apache — formato, filtro, validación y CSV/TSV.

Kubernetes

Manifiestos multi-doc, validación estructural, starters Ingress/Deployment y formato de values de Helm.

Red / IP

CIDR, subredes y ayudas IPv4/IPv6 — en tu navegador.

Seguridad y tokens

JWKS, certificados X.509 y escaneo de secretos — en local en el navegador.

API y esquemas

Herramientas OpenAPI para formatear, validar y analizar tus specs.

Codificación

Codifica o decodifica Base64, componentes URL y entidades HTML — solo en el cliente.

Utilidades para desarrolladores

Timestamps, UUID, ULID, Nanoid, cron, contraseñas, regex, slugify, bases numéricas, mayúsculas, diff de texto y chmod — todo en el cliente.

Texto y Markdown

Cuenta palabras, genera TOC Markdown y limpia listas de líneas — todo en tu navegador.

IA y LLM

Conteo de tokens, estimación de costes y ajuste a la ventana de contexto — 100 % en el navegador.

Datos de prueba

Valores de campo sintéticos para fixtures y seed de BD — primero números de teléfono en rangos reservados.

Serialización

Serializa y deserializa estructuras PHP junto a los flujos JSON.