Qué hace esta herramienta
CSS legible se vuelve el CSS más pequeño que se comporta igual.
a {
margin: 0 auto;
color: red;
}a{margin:0 auto;color:red}Se van los espacios alrededor de la puntuación y el último punto y coma antes de una llave de cierre; el resto queda exactamente como estaba.
Los comentarios de licencia se quedan
/*! normalize.css v8 | MIT License */
a { color: red }/*! normalize.css v8 | MIT License */a{color:red}Un comentario que empieza por /*! es la convención que todos los minificadores respetan: significa «este no es decoración». Ahí viven los avisos de licencia, y una licencia suele exigir que viajen con el código. Se borraban con el resto: un defecto real, encontrado al escribir esta página y corregido. Los comentarios normales siguen yéndose, que para eso viniste.
Los espacios que significan algo se conservan
- Dentro de las cadenas.
content: "a b"conserva los dos espacios: entre comillas, un espacio es un valor. - Dentro de
url(). Una URL sin comillas puede llevar un espacio, una barra o un punto y coma, y ninguno es sintaxis ahí. - Alrededor de los operadores de
calc().calc(100% - 10px)sin sus espacios ya no es la misma expresión: deja de analizarse. - Entre selectores.
a bes «unabdentro de unaa»;a>b,a~bya+bno necesitan el espacio y lo pierden.
Lo que no hace
Esto es un minificador de espacios y nada más. No acorta colores, no pliega propiedades abreviadas, no quita la unidad a los ceros, no fusiona reglas duplicadas ni reordena nada. Esas transformaciones son de un optimizador como cssnano o Lightning CSS, cada una lleva un riesgo, y ninguna es el motivo por el que se pega una hoja de estilos en una caja de una página web.
El formateador CSS de este sitio hace el viaje inverso, para cuando quieras volver a leer el archivo.
Privado por diseño
Todo se ejecuta localmente en tu navegador con JavaScript. Tus datos nunca se suben a un servidor, lo que hace que la herramienta sea segura para contenido sensible y funcione sin conexión.