Una técnica para hacer que un sitio cargue más rápido es usar sprites CSS; básicamente consiste en colocar en una sola imagen todas las imágenes que utilizamos en una página web como por ejemplo los botones (y todos sus estados, normal, presionado, puntero del mouse sobre éste, etc.). Luego en la página mostramos la porción de la imagen que necesitamos, para esto usamos CSS.
Un forma sencilla de usar esta técnica en nuestros proyectos es usar alguna herramienta como CSS Sprite Generator.
CSS Sprite Generator es una aplicación web que permite subir varias imágenes que luego de procesarlas devolverá una sola imagen con todas ellas incluídas, además generará el código CSS y HTML.
Principales características:
- Permite cargar varias imágenes al mismo tiempo.
- Ofrece 3 formatos de salida de imagen: JPG, GIF y PNG.
- Se pueden incluir efectos rollover.
Por cierto, si estas interesado en aprender más sobre la técnica de CSS Sprites, te recomiendo un buen post de las gente de El Webmaster – Optimizando la velocidad de tu web con sprites CSS.
CSS Sprite Generator
Sito: css-sprit.es