Minificar y Formatear CSS - comprimir o expandir
Minificador y formateador CSS
Minificación de CSS - preguntas frecuentes
Herramientas de Desarrollo Más Populares
Todo el tiempoQué hace esta herramienta
Dos tareas opuestas sobre la misma hoja de estilos. Minificar quita lo que solo necesitan las personas: comentarios y sangría. Formatear los devuelve, para que un archivo heredado vuelva a leerse. Ambas trabajan sobre el texto que diste y ninguna toca el significado del CSS.
Cómo se usa
- 1 Pega el CSS: un archivo entero o una sola regla.
- 2 Pulsa Minificar para comprimir, o Formatear para expandir con sangría.
- 3 Comprueba los bytes y luego copia el resultado.
Un espacio en un selector no es decoración
«.a .b» selecciona un .b dentro de un .a; «.a.b» selecciona un elemento que lleva las dos clases. Son selectores distintos, y un minificador que trate el espacio como sobrante pinta en silencio los elementos equivocados. Aquí el espacio entre dos partes del selector siempre sobrevive; solo se quita el que rodea combinadores como > y +.
calc() necesita sus espacios
En «calc(100% - 10px)» los espacios alrededor del menos los exige la gramática: sin ellos el navegador lee «-10px» como una longitud negativa, la expresión pasa a ser inválida y la declaración entera se descarta. Nada te avisa: el diseño simplemente sale mal. Esta herramienta nunca quita espacios dentro de paréntesis.
Los comentarios de licencia se quedan
Un comentario que abre con /*! lleva un aviso de copyright o de licencia y, por convención, todo minificador lo conserva. Quitarlo sería eliminar la atribución que una biblioteca te pide distribuir. Los comentarios /* normales son para ti y tu equipo, así que esos sí se van.
Minificar CSS rinde menos que gzip
Los servidores ya comprimen las hojas de estilo al enviarlas, y gzip es muy bueno con los espacios repetidos: minificar encima suele ahorrar un pequeño porcentaje, no la mitad. Hazlo porque ese archivo es el que se publica y lo quieres pequeño y estable, no porque esperes que la página cargue mucho más rápido.