I want a help in this issue, please look into .
In my recent theme design, I put a fixed ( no scroll ) image to the theme background . So every page of the site has this background image, and on top of that image everything loads ( ex. main container , etc ) .
But as different different visitors use different screen resolutions and browsers, i used a really big image ( 1460px by 1000px ) as above mentioned background . Because I want to avoid visitors see the background ( i want them to see the image as the background ) .
But the problem now is, even after reducing the quality, still the background image ( jpeg file ) is about 500KB which is a big size . And takes a long time to load . I want to solve this problem . Is there any proper way to solve this ? I think splitting the image into few parts would make the site load faster . But I dn't know how to make the allignment for splitted parts ( i want to finally show the complete image without any mis alignment ) correctly .