MINIFIFICADOR CSS / CSSO

Minificador de CSS

Minificación estructural, más pequeña que los espacios de despojo.

Se ejecuta localmente · el código no está cargado
Opciones

TU PRÓXIMO PASO

Conecte herramientas útiles con el flujo de trabajo de su empresa

cree una cuenta de empresa para configurar el monitoreo del sitio web, el correo electrónico comercial y las notificaciones, e invite a su equipo a trabajar en conjunto.

Las nuevas empresas reciben una prueba Pro de 14 días, sin necesidad de tarjeta. Las pruebas excluyen la concesión de crédito mensual pagado.

¿Ya tienes una cuenta? Abre tu espacio de trabajo → (English)

Cómo usarlo

  1. Pegar código, soltar un archivo o cargar la muestra; el idioma está preestablecido para esta página y se puede cambiar.
  2. Elija formato o minimice y ajuste la sangría, el ancho y otras opciones; el resultado aparece a la derecha a medida que escribe.
  3. Copiar o descargar el resultado; En caso de error, utilice "Ir al error", corríjalo y ejecútelo nuevamente.

¿Qué hace la minificación?

Minimizar cambia la forma en que se escribe el código, no lo que hace. Por lo general, corta entre un 30% y un 70% del tamaño y acelera las páginas; conserve su fuente, porque el código minimizado es difícil de leer.

Tres minificadores
OperaciónJavaScript(Terser)CSS(CSSO)HTML/XML/JSON
Eliminar comentarios✓✓✓
Eliminar espacios en blanco y saltos de línea✓✓✓
Acortar nombres de variables✓——
Fusionar reglas, acortar colores—✓—
Eliminar código muerto, doblar constantes✓——
¡Mantener /*! comentarios de licenciaOpcionalOpcionalOpcional

Idiomas y motores

El formato utiliza los mismos motores de código abierto que los editores populares, por lo que los resultados coinciden con Prettier en VS Code y su equipo puede mantener un estilo. Cada motor se carga desde este sitio y se ejecuta en su navegador.

Idioma
IdiomaFormatoComprimir
HTMLMás bonita 3✓ comentarios y espacios en blanco
XMLMotor XML XunL✓
CSS/SCSS/MenosMás bonita 3✓ Reestructuración de CSSO
JavaScript/MecanografiadoMás bonita 3(Babel)✓ Terser (solo JavaScript)
JSONMás bonita 3✓ los números grandes mantienen la precisión
YAMLMás bonita 3— (comentarios mantenidos)
SQLformateador sql (14 dialectos)—

Preguntas frecuentes

¿Es segura "combinar reglas duplicadas"?

CSSO fusiona reglas solo cuando el resultado de la cascada permanece igual. Si una página depende del orden de las reglas y se ve mal, desactívela solo para una minificación básica.

¿Se cargó mi código?

No. Los motores se descargan desde este sitio y se ejecutan en su navegador; su código nunca pasa por nuestros servidores ni por ningún tercero, por lo que es seguro para el código interno y la configuración.

¿Qué tamaño pueden tener los archivos?

Hasta 5 MB por archivo; por encima de 300 KB, la página espera el botón en lugar de formatear mientras escribe, para que el navegador siga respondiendo.

Guía práctica del minificador de CSS y preguntas comunes

¿Qué hace un minificador de CSS?

CSSO 5 elimina comentarios y espacios en blanco, acorta #ff0000 a rojo y 0px a 0, y fusiona reglas para el mismo selector donde el resultado de la cascada no cambia.

¿Para quién es esto y cuándo es útil?

creadores de sitios, creadores de páginas de destino y cualquiera que acelere un sitio y quiera una hoja de estilo más pequeña antes del lanzamiento.

¿Cómo uso este minificador de CSS?

Pegar CSS para minimizar con CSSO: comentarios y espacios en blanco eliminados, colores acortados, reglas duplicadas fusionadas y se muestra el guardado.

¿Cómo debo interpretar los resultados?

La combinación de reglas infiere el orden; Desactívelo si una página que depende del orden de anulación parece incorrecta. /*! Los comentarios de la licencia se pueden conservar.

¿Dónde se realiza el trabajo y qué servicios reciben datos?

CSSO minimiza las hojas de estilo en su navegador; no se sube nada.