Saltar al contenido
Toolars
Explorar
Informar de un error

Desarrollo · utilidad Local

Minificador CSS

CSS Minifier

Minifica CSS de hasta 256 KiB con análisis estricto que señala línea y columna de cada error, conserva los comentarios /*! y mide el ahorro.

Ruta de la tarea / de la entrada al resultado

Pega la hoja de estilos

Funciona en local · No se sube nada

Cómo funciona Minificador CSS, privacidad y herramientas relacionadas

Ruta de la tarea / de la entrada al resultado

Cómo minificar CSS

  1. 01

    Pega la hoja de estilos

    Pega código UTF-8 de hasta 256 KiB. El control de sangría está desactivado en el modo Minificar.

  2. 02

    Prueba primero el ejemplo

    Muestra cargada. Ejecuta la transformación local cuando quieras.

  3. 03

    Pulsa Minificar

    Pulsa Minificar. CSSO elimina comentarios normales y compacta CSS sin reorganizar reglas; conserva comentarios /*!...*/. Comprueba el resultado en el diseño de destino.

  4. 04

    Revisa las estadísticas

    Compara los bytes UTF-8 de entrada y salida y el porcentaje ahorrado. Un ahorro negativo significa que el resultado creció; revísalo antes de copiarlo o descargarlo.

  5. 05

    Copia o descarga el resultado

    Usa Copiar resultado para el portapapeles o Descargar para guardar toolars.min.css; Copiar resultado es la vía rápida cuando la salida va directa a un bloque style o a un commit. Restablecer vacía el espacio de trabajo para la siguiente hoja de estilos.

Datos de la herramienta

Procesamiento
En tu navegador
La entrada sale del dispositivo
Nunca
Retención
No se guarda nada
Precio
Gratis

Tus datos se quedan en el navegador.

Minificador CSS usa su ruta de ejecución local verificada y no crea un historial oculto de entradas ni salidas.

Ejecución local

Se ejecuta dentro de la pestaña actual del navegador.

Sin procesamiento oculto

Los datos activos de la herramienta nunca se convierten en un registro de documento de Toolars.

No se necesita cuenta

Usa el flujo de trabajo principal sin crear un perfil. Los favoritos se sincronizan con tu cuenta después de iniciar sesión.

Restablecimiento inmediato

Limpia la pestaña y los datos de trabajo activos desaparecen.

Cuándo es útil Minificador CSS

Revisiones de código

Haz que el código fuente sea más fácil de inspeccionar antes de compartirlo con otro desarrollador.

Artefactos de compilación

Crea HTML, CSS o JavaScript compacto sin ejecutar el código fuente.

Fragmentos listos para copiar

Formatea un ejemplo concreto y muévelo directamente a la documentación o a un editor.

Qué hace Minificador CSS en realidad

Una hoja de estilos afinada a mano durante meses necesita su forma de producción; un bloque de CSS crítico debe encoger antes de entrar en el head del documento; una versión del sistema de diseño quiere un número rápido de antes y después. Minificador CSS te da la salida comprimida y el ahorro exacto en local, y el análisis estricto atrapa la llave perdida que se habría publicado en silencio. Ejecútalo en cada candidato a versión y conserva la fuente legible en el control de versiones; los estilos no publicados nunca salen del navegador y no se necesita cuenta.

Preguntas frecuentes

¿Qué cambia el minificador?
CSSO compacta la sintaxis y elimina comentarios normales; conserva los que empiezan por /*! . La reorganización de reglas está desactivada y esta herramienta no procesa HTML ni JavaScript.
¿Qué comentarios sobreviven a la minificación?
Solo los que empiezan por /*!, la convención habitual para avisos de licencia y atribución, que se quedan en la salida para que la atribución sobreviva a la distribución. Los comentarios normales /* */ se eliminan, así que pasa a la forma /*! cualquier cosa que debas conservar antes de minificar.
¿La minificación cambiará cómo se aplican mis estilos?
Aquí no se comprueba la representación en el navegador. Prueba el resultado en la página de destino, sobre todo el orden de las reglas alternativas, selectores y propiedades personalizadas; un análisis correcto no garantiza el mismo diseño.
¿Por qué se rechazó mi hoja de estilos?
El CSS se analiza con un analizador estricto antes de minificar precisamente porque el compresor en sí es tolerante a errores. Un error tipográfico, una llave sin cerrar o una declaración no válida detienen la ejecución indicando la línea y la columna, en lugar de producir una salida sutilmente incorrecta. El mismo análisis estricto respalda al formateador CSS correspondiente de esta familia.
¿Cuáles son los límites?
La entrada está limitada a 256 KiB y la salida a 512 KiB. El Worker local tiene cinco segundos para iniciarse y otros cinco para ejecutarse; editar el código o pulsar Cancelar lo detiene. El código permanece en este navegador; no se sube nada.
¿Mi CSS se sube a algún sitio?
No. El código se analiza en un Worker local sin ejecutarlo, subirlo ni guardarlo. Que el analizador lo acepte no garantiza corrección ni compatibilidad.

Continuar en Desarrollo

Tareas relacionadas, no un callejón sin salida.

Pasa a otro espacio de trabajo enfocado sin volver al índice completo.

Código a imagen

Code to Image Converter

Convierte código en una tarjeta PNG o SVG con resaltado Shiki para seis lenguajes, temas claro y oscuro, números de línea, título y escala 1x o 2x.

Crear

Generador de slugs URL

URL Slug Generator

Convierte títulos en slugs limpios en vivo: sin acentos, & convertido en and, guiones o guiones bajos como separador y escrituras no latinas intactas.

Crear

Sombras para React Native

React Native Shadow Generator

Ajusta sombras de iOS, elevation de Android o la nueva propiedad boxShadow contra una vista previa en vivo, y copia el fragmento StyleSheet.

Crear

Codificador/decodificador Base64

Base64 Encoder/Decoder

Codifica texto Unicode a Base64 y decodifícalo con validación en vivo, opciones UTF-8 y URL-safe, e intercambio para la ida y vuelta. En local.

Convertir