Tengo una duda inmensa :)

[PatomaS]

Hola

La mecánica es sencilla, solo tienes que concatenar las imágenes una junto a la otra o una debajo de la otra, formando así una línea continua, luego posicionas la imagen donde quieres mediante sus coordenadas dentro de la tira que has creado.

Por ejemplo, supongamos que tienes 5 imágenes de 100px de ancho y 50 de alto, al combinarlas horizontálmente, tendrás una imagen de 500px de ancho y 50 de alto.

Cuando quieras usar la primera imagen en un sitio, solo tienes que posicionar la imagen en su punto 0 de alto y 0 desde la izquierda; si quieres usar la segunda imagen, la pones a 0 desde arriba y 100 desde la izquierda y así sucesivamente.

En internet puedes conseguir tutoriales y ejemplos. Haz búsquedas por css y sprite.

Sol orecuerda no generar una imagen demasiado grande o perderás el beneficio de usar una sola petición http.

Felicidad