Como hacer un archivo bg con todas las imagenes para la web

[ortileto39]

Hola a todos hoy vengo con una duda y es que ya he visto en varias web que las imagenes las tienen todas puestas en un achivo llamado bg.png y asi la web carga mas rapido y ocupa menos espacio.
una de las dudas que tengo es como se hace eso de porner todas las imagenes en una sola hoja y lo que mas me preocupa es como hago luego para hacer que desde la web reconaozca una imagen concreta de la hoja,pues el archivo se llama bg,asi que si indico por ejemplo en la pagina html
<i class=" bg poab"> </i>
y poab vendria a ser una etiqueta que le quiero poner a una imagen encima,como sabe el codigo que poab es la etiqueta que quiero elegir? ,si digamos que la hoja donde estan todas las imagenes se llama bg,deberian de salir todas?y si sale la etiqueta que yo quiero como se consigue esto?
PD:esto lo e visto en una web y me gustaria hacerselo a la mia,pero nose como hacer el bg este con todas la imagenes y darle un nombre a cada imagen...
Nose si me explique bien si no es asi haganmelo saber