Markdown.es Logo Markdown.es

¿Te es útil esta web? Apóyala sin coste: si compras en Amazon, hazlo a través de nuestro enlace de afiliado — el precio es el mismo para ti y nos ayuda a seguir.

Utilidades

Formatear y Minificar CSS

Pega CSS comprimido para dejarlo legible con una regla por línea, o comprímelo para reducir su peso antes de publicar.

CSS de entrada
Resultado

Análisis

Reglas
0
Declaraciones
0
Media queries
0
Comentarios
0

Qué se elimina al minificar

  • Todos los saltos de línea y la indentación.
  • Los espacios alrededor de llaves, dos puntos y punto y coma.
  • El último punto y coma de cada bloque, que es opcional.
  • Los comentarios, si marcas la casilla.
  • Los espacios múltiples dentro de los valores se reducen a uno.

Lo que no se toca: el contenido de las cadenas entrecomilladas, las URLs y los valores donde el espacio es significativo, como en la propiedad grid-template-areas.

Cuándo merece la pena minificar

En un proyecto con herramientas de compilación, la minificación ya la hace el empaquetador y no necesitas hacerla a mano. Esta utilidad es útil sobre todo cuando:

  • Editas CSS directamente en un gestor de contenidos o en un tema de WordPress.
  • Quieres incrustar estilos en línea dentro de un correo o una página suelta.
  • Has recibido un CSS minificado y necesitas leerlo o modificarlo.
  • Trabajas sin proceso de compilación y subes los ficheros por FTP.

Preguntas frecuentes

¿Cambia mis estilos al formatear? No. Solo se reorganizan espacios, saltos de línea e indentación. Las reglas, selectores y valores quedan exactamente igual, así que la página se ve idéntica.
¿Cuánto se ahorra al minificar? Entre un 20 y un 40% del tamaño del fichero, según cuánta indentación y cuántos comentarios tenga. Es de las minificaciones que más compensan, porque el CSS suele tener mucho espacio en blanco.
¿Funciona con SCSS o LESS? Con la parte que es CSS válido, sí. Las reglas anidadas, las variables con dólar y los mixins son sintaxis de preprocesador y no se formatean correctamente aquí, porque necesitan un analizador propio.
¿Respeta las media queries y las variables CSS? Sí. Las media queries se indentan con sus reglas dentro, y las variables personalizadas se tratan como cualquier otra declaración.
Todo ocurre en tu navegador

Esta utilidad se ejecuta enteramente en tu equipo con JavaScript. Lo que escribes o pegas no se envía a ningún servidor, no se guarda y no queda registrado en ninguna parte.

¿Buscas una app para instalar?

80+ Apps Markdown

El directorio más completo en español. Filtra por plataforma, precio y uso.

Ver Aplicaciones →