sábado, 3 de abril de 2010

Crea Fabulosos Sprites CSS muy facilmente en solo unos clicks

Los sprites CSS son una manera de reducir el número de llamadas HTTP realizadas por los recursos de imagen referenciados de tu sitio web. 

Las imágenes se combinan en una única gran imagen con coordenadas X e Y definidas.

Teniendo asignada la imagen generada a los elementos de página necesarios, la propiedad CSS background-position puede usarse para hacer visible el área requerida de la imagen sprite.

Esta técnica puede ser muy efectiva para mejorar el rendimiento, particularmente en situaciones dónde se utilizan muchas imágenes pequeñas (como iconos de menú).

La página inicial de Yahoo!, por ejemplo, utiliza esta técnica exactamente para eso.

Por eso te presento una herramienta en español que te va ayudar en la tarea de hacer sprites, lo podes hacer totalmente en linea con el Generador de Sprite CSS.

No hay comentarios:

Publicar un comentario