Minificador CSS Gratis
Este minificador CSS gratis elimina comentarios, saltos de línea y espacios extra de una hoja de estilos y quita el punto y coma final en cada regla, mostrando cuántos bytes ahorraste. Las cadenas entrecomilladas y los valores url() están protegidos, y los comentarios de licencia que comienzan con un signo de exclamación se pueden conservar. Es ideal para quien quiere una hoja de estilos más pequeña sin instalar herramientas de compilación.
CSS Minifier
Generators and Converters
Sobre esta herramienta
Una hoja de estilos bloquea el renderizado: el navegador no pintará la página hasta que el CSS en el head se haya descargado y analizado. Reducir su tamaño es una de las mejoras de velocidad más simples, y minificar solo elimina caracteres que el navegador ignora, así que la página se ve igual.
El minificador elimina comentarios, colapsa espacios en blanco, quita espacios alrededor de llaves, puntos y coma, comas y combinadores secundarios, y elimina el punto y coma antes de una llave de cierre. El texto dentro de comillas y dentro de url() se deja intacto, y los comentarios que comienzan con un signo de exclamación se conservan cuando eliges mantener avisos de licencia.
No fusiona reglas, renombra clases ni elimina CSS no utilizado, así que el resultado es siempre una copia fiel de tus reglas. Mantén el archivo legible en tu proyecto y publica el minificado. Para leer CSS minificado de nuevo, usa el embellecedor CSS. Nada de lo que pegues se almacena.
Preguntas frecuentes
¿Puede minificar CSS romper mi diseño?
No, cuando solo se eliminan comentarios y espacios en blanco. Esta herramienta mantiene cadenas y valores url() tal como están. Si la página se ve diferente después de publicar, la causa suele ser un archivo en caché antiguo, así que borra la caché o añade un número de versión al nombre del archivo.
¿Cuál es la diferencia entre minificar y comprimir?
Minificar reescribe el archivo para que tenga menos caracteres. La compresión como gzip o Brotli se aplica por el servidor al enviar el archivo. Funcionan juntas: minifica primero, luego deja que el servidor comprima, y el visitante descarga la versión más pequeña posible.
¿Elimina CSS no utilizado?
No. Eliminar reglas no utilizadas requiere un rastreo de tus páginas reales, porque una regla que parece no utilizada puede dar estilo a un menú o popup que aparece después. Esta herramienta solo reduce lo que pegues, así que cada regla que escribiste permanece en el resultado.
¿Por qué conservar comentarios de licencia?
Muchas librerías piden que un aviso breve permanezca en el archivo. Por convención estos comentarios comienzan con un signo de exclamación. Marca la opción para conservarlos y permanecerán en el resultado mientras todos los demás comentarios se eliminan.