2009-10-27 6 views
11

¿Conoces un compresor de CSS en línea que ayude a eliminar las declaraciones CSS redundantes/ineficaces y las reemplaza con CSS más optimizado?CSS Minimizer?

Significado, sé que un montón de "compresores" existe de que basta con quitar las pestañas, eliminar los comentarios, etc.

Pero lo que estoy buscando es algo lo suficientemente inteligente para saber que:

border-top: 1px solid red; 
border-bottom: 1px solid red; 
border-right: 1px solid red; 
border-left: 1px solid red; 

es el mismo que el más eficiente:

border: 1px solid red; 

ACTUALIZACIÓN: el CSS que estoy tratando de optimizar se encuentra en el siguiente enlace

http://tinyurl.com/yhy5ln

+1

http://stackoverflow.com/questions/787789/any-recommendations-for-a-css-minifier –

+0

@Mauricio Scheffer, la respuesta seleccionada en ese sentido fue utilizar el compresor YUI. Todo YUI Compressor elimina su CSS de caracteres innecesarios (como devoluciones de cartuchos, pestañas, espacios, etc.). Lo que estoy buscando es un CSS Optimizer, que combine declaraciones CSS redundantes. – Ted

+1

Por favor, publique un enlace que no requiere que inicie sesión. – DisgruntledGoat

Respuesta

8

Will this hacer? Embellece, minimiza, fusiona y simplifica las reglas cuando es posible, y es altamente configurable.

+0

Acabo de intentar usar su sitio, dejando todas las configuraciones predeterminadas y produce CSS que hace que mi sitio se vea diferente que antes. – Ted

+0

Y como tal, dado que no mantiene el mismo aspecto visual para mi sitio, no puedo recomendar (o usar) el enlace que proporcionó – Ted

+0

Intente ajustar la configuración. Además, si publica su CSS, es posible que podamos descubrir por qué. Este compresor nunca ha cambiado la apariencia de mi sitio que pueda recordar, por lo que me pregunto si se trata de un hack o un problema específico del navegador. – ceejayoz

0

Clean CSS es una que probé antes.

Sin embargo, para su ejemplo de reglas de fusión, recomiendo hacerlo a mano, porque hay situaciones donde cualquier herramienta automática podría estropear algo o no captar una optimización.

Si tuviera, por ejemplo:

border-top: 3px solid red; 
border-bottom: 3px solid red; 
border-right: 1px solid red; 
border-left: 1px solid red; 

La mejor manera de optimizar este es:

border-width: 3px 1px; 
border-style: solid; 
border-color: red; 

Pero un optimizador no puede coger esto.

EDITAR

probado el ejemplo anterior y CSS limpio no cortó la mostaza. Sin embargo, FlumpCakes Optimizer es mejor. Capta tu ejemplo, pero no mi ejemplo avanzado.

0

Trate Devilo.us

También le da control sobre la cantidad que desea comprimir el código.

Cuestiones relacionadas