Archive for Mayo 4th, 2009
Generador de Sprite on-line
by Desendoll on May.04, 2009, under CSS
Sprite es una técnica que se utiliza para agilizar la carga de una pagina. Básicamente es poner las pequeñas imágenes de background que utilizamos en un sitio en solo una imagen. De esta forma evitamos la carga de diferentes archivos.
Una de las empresas que utiliza esta técnica (diría que conocida por todos) es google.
Por ejemplo:
![]()
La he sacado de una busqueda normal, en ella podemos ver como estan todas las imagenes necesarias para la pagina.
Muchos seguro que conocíais esta técnica, pero resulta molesto buscar cada imagen pequeña para encontrar la posición del background, pero con este script es rapidísimo:
Utiliza el pluguin Jcrop de jquery para recortar areas de imágenes (ejemplos). Es facil mejorarlo sabiendo como lo ha echo pero la idea me parece excelente.
