Hello Sitepointers

I have this page background, made from many different squares, some of them has a bit of shade as well (pls. see attached pic.)

delete00.jpg

How would you code your page with this Bg? Background is quite big 1400pxx850px, if i will make as a 1pic it will weight about 1.5mb, or shall i crop squares separately and use CSS3 to create BG, the only problem with that would be - some of the squares are a bit darker than the others ...
I am lost now, not sure what would be the best desision.
What would you do guys ? maybe you got better solutions than theese two ...