Volver al inicio

Minificador CSS

Pega CSS para quitar comentarios y espacios innecesarios, acortar colores HEX y limpiar unidades cero.

Codigo Esperando resultado
Reportar error

CodigoSolo navegador

Resumen

CSS mas pequeno ayuda al inicio del render y cache. En produccion revisa layouts clave en navegadores reales.

Revision estructura CSS

Estructura CSS valida

Tamano original

310 B

Tamano minificado

227 B

Bytes ahorrados

83 B

Ahorro

26,8%

Gzip estimado

73 B

Reglas

2

Declaraciones

10

Comentarios quitados

1

CSS fuente

Pega CSS para reducir. Admite media queries y variables CSS.

Salida minificada

Revisa el CSS, copialo o descarga un .min.css.

. product-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:20px;border:1px solid #eee;border-radius:12px;background:#fff;color:#1f2937}.product-card:hover{border-color:#fc0;transform:translateY(-2px)}

Checklist antes de desplegar

  • Conserva licencias si son requeridas.
  • Compila SCSS, Less o CSS-in-JS antes de minificar.
  • Verifica hover, media queries y calc() despues.

Nota del minificador simple

Esta herramienta es para reduccion rapida. Para CSS complejo usa tambien tu pipeline de build.

Como revisar CSS minificado

La herramienta funciona en el navegador y no sube codigo. Conserva strings y expresiones practicas mientras reduce comentarios y espacios.

Notas de uso

  • Elimina comentarios normales y puede conservar /*! ... */.
  • Reduce espacios cerca de llaves, dos puntos, punto y coma y comas.
  • Ahorro = (tamano original - tamano minificado) / tamano original x 100.

Preguntas frecuentes

Se sube mi CSS?expand_more

No. Todo ocurre en el navegador.

Minifica SCSS?expand_more

Esta pensado para CSS. Compila SCSS o Less primero.

Conserva licencias?expand_more

Si, con la opcion de conservar comentarios /*!.

Seguir explorando

Más herramientas para probar

Descubre herramientas relacionadas de la misma categoria y opciones populares de Gogotem.

Ver todas las herramientas arrow_forward