Hola richicasas
Tal como te dice kseso? esa técnica se denomina sprite, pero si ya tienes tus imágenes editadas y no quieres convertirlas a sprite puedes intentar forzar la descarga de todas las imágenes de tus hover, bien utilizando algún pequeño javascript de precarga de imágenes, o mejor aún, colocando las imágenes dentro de un div con display none al principio del código (justo después de <body>), tal que así:
Código HTML:
<body>
<div style="display: none">
<img alt="" src="ruta/imagen-hover-1.png" />
<img alt="" src="ruta/imagen-hover-2.png" />
<img alt="" src="ruta/imagen-hover-3.png" />
<img alt="" src="ruta/imagen-hover-4.png" />
<img alt="" src="ruta/imagen-hover-5.png" />
<img alt="" src="ruta/imagen-hover-6.png" />
etc
</div>
</body>
sacando el estilo a la hoja de estilo.
Bye