Imagen CSS

[cayalap]

Bueno tengo el siguiente problemita:

Resulta que quiero que me aparezca una imagen por pedazos, como para que cargue mas "rapidamente" la pagina. Lo hice con photoshop y la guarde para web.

En el body aparece la funcion head_image la cual dice lo siguiente:

#head_image {
height:150px;
padding:30px 0 30px 50px;
line-height:24px;
background-color: #fe5d00;
background-image: url(images/head_bckg1.jpg);
background-repeat: no-repeat;
}

Pero esa es la imagen entera, pero si quiero poner la misma pero en pedazos? la que hice en PS que me dio un html como tabla... la puedo poner ahi?

es decir algo como: background-image: url(head_bckg1.html);???

o que hago?

gracias