Entrada
Preparando tu espacio de trabajo…
Cómo usarlo
- Pega CSS, abre un archivo UTF-8 o carga Ejemplo.
- Elige la sangría o activa Minificar CSS y ejecuta la operación.
- Revisa el resultado y usa Copiar o Descargar.
Formatear y minificar CSS
El formateo facilita la lectura y revisión de una hoja de estilos. La minificación elimina espacios opcionales y comentarios comunes para obtener una representación más pequeña.
Ambas operaciones analizan primero la entrada. El formateador usa Prettier; el minificador usa CSSTree para generar sintaxis compacta sin optimizar toda la hoja de estilos.
Elegir una operación
Formatear organiza la entrada con sangría y saltos de línea uniformes. Elige dos o cuatro espacios según tu proyecto.
Minificar compacta CSS válido conservando espacios necesarios y comentarios de licencia que empiezan por una exclamación. Otro optimizador aún podría simplificar parte del resultado.
.card { color: red; padding: 8px; }.card{color:red;padding:8px}Ejemplo de sintaxis compacta; activa Minificar CSS para producir esta forma.
Límites de análisis y transformación
No se eliminan selectores sin usar, fusionan reglas, reescriben URL de recursos ni descargan imports. Prueba el resultado en su aplicación original.
La entrada debe ser CSS, no Sass ni Less. Se muestran los errores del analizador y no se puede exportar un resultado anterior tras cambiar la entrada o los ajustes.
Exportar una hoja de estilos
Copiar exporta el resultado actual completo; Descargar guarda styles.css. Ninguna acción modifica tu archivo de origen ni instala la hoja en un proyecto.
Entrada de texto de hasta 1 MiB. Las transformaciones de CSS y HTML se ejecutan en un worker con un límite de 30 segundos. Las herramientas de color usan sRGB; los estilos generados son vistas previas y deben probarse en tu propio diseño.
Preguntas frecuentes
¿La minificación elimina CSS sin usar?
No. Compacta la sintaxis sin analizar HTML ni determinar qué selectores se usan.
¿Se conservan los comentarios de licencia?
La minificación conserva los comentarios que empiezan por /*! y elimina los comunes. Revisa el resultado si tu proyecto requiere otros avisos.
¿Puedo pegar Sass o Less?
La herramienta analiza CSS y no ejecuta compiladores Sass o Less. Compila antes el código del preprocesador.
¿Por qué se desactiva Copiar cuando edito la entrada?
El resultado pertenece a la entrada o a los ajustes anteriores. Ejecuta de nuevo la operación para obtener un resultado actualizado.
¿Se sube mi hoja de estilos?
No. El análisis y la transformación ocurren en tu navegador. El archivo se lee localmente y Descargar crea un archivo nuevo.