css-sprit-esPodemos aprender la técnica CSS Sprites, pero, también existen herramientas que nos hacen la vida más sencilla. CSS-sprit.es es una aplicación online con la que podréis automatizar el proceso de generación de CSS Sprites, de una manera cómoda y sencilla. Recordamos que usar CSS Sprites nos será útil para reducir las peticiones HTTP y reducir el tiempo de carga de nuestro sitio.

Su funcionamiento es muy sencillo: Subimos el grupo de imágenes y la herramienta nos la convertirá en una sola imagen (PNG o GIF con transparencia, JPG sin transparencia) con su código CSS (con la correspondiente posición de cada imagen) y HTML.

CSS-sprit.es es totalmente gratis. Nos vendrá como anillo al dedo si deseamos crear un botón rollover o un efecto de escala de grises.

Ver la herramienta online CSS-Sprit.es

Vía | Chicablogger