CSS Minifier

Qué hace la reestructuración

Además de eliminar espacios en blanco, el minificador acorta valores (#ffffff pasa a #fff, 0px a 0) y combina reglas. Dos selectores con declaraciones idénticas se combinan en una sola regla, y las declaraciones pueden pasar de una regla a otra cuando la cascada lo permite. Por tanto, el resultado no sigue el orden del código fuente, y al buscar un selector puedes encontrarlo agrupado con otros. Para leer el resultado, amplíalo con el formateador de CSS.

Los comentarios de licencia se conservan

Los comentarios normales se eliminan, pero se conserva un comentario que empieza por /*!. Es la convención que utilizan las bibliotecas para los avisos de copyright y licencia que deben acompañar al código; escribe esos avisos con ese formato y el archivo minimizado seguirá cumpliendo los requisitos.

La minificación también elimina el vínculo entre el resultado y el código fuente. Las herramientas de desarrollo del navegador solo pueden asociar el CSS minimizado con el original mediante un mapa de fuentes, que generan las herramientas de compilación y esta página no genera; por eso, conserva el archivo legible como archivo de edición.

Cómo se usa

1. Pega el CSS.
2. Elige Minify CSS.
3. Copia o descarga la hoja de estilos optimizada.

Privacidad y límites

El CSS se queda en tu navegador. Prueba el resultado frente a los requisitos visuales y de compatibilidad de navegadores antes de desplegarlo.