¿Cómo reduce el tamaño del archivo el minificador de CSS?

Quita los comentarios, los espacios y saltos de línea sobrantes, y los espacios alrededor de llaves, dos puntos, puntos y comas y comas, además de los puntos y comas finales innecesarios. El estilo se mantiene idéntico mientras baja el recuento de bytes.

¿Minificar cambia el funcionamiento de mi CSS?

No. La herramienta solo elimina caracteres que los navegadores ignoran (espacios y comentarios). Tus selectores, propiedades y valores quedan intactos, así que el resultado renderizado es exactamente el mismo.

¿Se sube mi CSS a algún sitio cuando lo minifico?

No. La minificación funciona por completo en tu navegador, en tu propio dispositivo. Tu código nunca se envía a un servidor, lo que mantiene a salvo el trabajo de clientes y los proyectos privados.

¿Puedo recuperar mi CSS original después de minificarlo?

No a partir de la salida minificada, ya que los comentarios y el formato se pierden para siempre. Guarda siempre tu archivo fuente legible y usa la versión minificada solo en producción.

Minificador de CSS

Entrada

Resultado

Qué hace el minificador de CSS

Esta herramienta elimina el peso muerto de tu hoja de estilos. Pega tu CSS y quitará los comentarios, colapsará las series de espacios y saltos de línea, borrará los espacios alrededor de llaves, dos puntos, puntos y comas y comas, y eliminará los puntos y comas finales innecesarios. Lo que recibes de vuelta es exactamente el mismo estilo en muchos menos bytes. Es práctico para desarrolladores front-end, estudiantes que aprenden CSS y cualquiera que publique una web y quiera un archivo más ligero sin montar un proceso de build.

Cómo se usa

Pega o escribe tu CSS en la caja de entrada de la izquierda.
Pulsa el botón Minificar.
El CSS comprimido aparece en la caja de Salida de la derecha.
Pulsa Copiar para tomar el resultado y ponerlo en tu archivo .css o en tu etiqueta <style>.

No hay ajustes que tocar. Pega, pulsa, copia y listo.

Por qué minificar aquí

Un CSS más pequeño significa menos bytes que descargar para los navegadores, así que las páginas se pintan antes y tus estilos cargan más rápido, sobre todo en conexiones móviles. Hacerlo en el navegador lo mantiene rápido y privado: tu código se procesa en tu propio dispositivo y nunca se sube a un servidor, lo que importa cuando el CSS pertenece a un cliente o a un proyecto sin publicar. Es gratis, no necesita cuenta y funciona en cualquier dispositivo con navegador.

Guarda tu hoja de estilos original y legible para editar, y usa la versión minificada solo en producción.

Consejo: el CSS minificado es difícil de editar a mano, así que conserva siempre una copia sin minificar como fuente de trabajo. Para comprimir muchas hojas de estilo o recursos a la vez, la app de escritorio BulkPro del mismo equipo se encarga de los trabajos por lotes.

Preguntas frecuentes

¿Cómo reduce el tamaño del archivo el minificador de CSS?: Quita los comentarios, los espacios y saltos de línea sobrantes, y los espacios alrededor de llaves, dos puntos, puntos y comas y comas, además de los puntos y comas finales innecesarios. El estilo se mantiene idéntico mientras baja el recuento de bytes.
¿Minificar cambia el funcionamiento de mi CSS?: No. La herramienta solo elimina caracteres que los navegadores ignoran (espacios y comentarios). Tus selectores, propiedades y valores quedan intactos, así que el resultado renderizado es exactamente el mismo.
¿Se sube mi CSS a algún sitio cuando lo minifico?: No. La minificación funciona por completo en tu navegador, en tu propio dispositivo. Tu código nunca se envía a un servidor, lo que mantiene a salvo el trabajo de clientes y los proyectos privados.
¿Puedo recuperar mi CSS original después de minificarlo?: No a partir de la salida minificada, ya que los comentarios y el formato se pierden para siempre. Guarda siempre tu archivo fuente legible y usa la versión minificada solo en producción.