sprites

[fishdesign]

Los sprites consisten en componer una única imagen a partir de distintas imágenes colocadas en el lienzo.
De esta manera, en el desarrollo web, se juega con el background-position, llamando siempre a una misma imagen y ahorrándonos así peticiones al servidor.

No es necesario que todas las imágenes estén cuadriculadas y con un mismo tamaño, aunque si es lo más recomendable.

Para "encajar" las imágenes, usa guías o una cuadrícula como te dice Valentina

Pd: Por curiosidad, de dónde sacas la música?

Un saludo