I have a large background image in my header (at http://www.oldwestgames.com) that I need to seamlessly split in two for the sake of faster image loading. it's currently 32k which is not huge but it's not tiny either. I think two 15k images would load faster.
Can someone please give me some advice on how to do this.
I figured I would split the image into header_bg_left.png and header_bg_right.png
and here is my current logo wrapper code...
Code:
#logoWrapper {
background-color: #fff;
width:960px; height:130px;
background-image:url(../images/header_bg.png);
background-repeat:no-repeat;
background-position:center;
text-align:center;
padding-top:5px; }
thanks in advance.
Bookmarks