making larger images load faster?

[ModernRevolutions]

I was wonder if there was a code to split a very large background image into smaller pieces so it will load faster. Because I am using a 1330x900 (ish) image for my website background but dont want it too look bad for those that dont have very fast internet. any ideas on how to fix that?

link (http://www.modernrevolutions.vivid-avenue.net)

[djr33]

That's a huge image and probably a bad idea. Something that large is going to take a long time.

You can compress it and should, though it may lose some quality to get it down a reasonable size.

Another option that makes sense is using a progressive format, like JPG, where it will load the entire image at a lower resolution and display that while loading the detail-- just when saving a JPG there should be an option for this.

Finally, you could split it, but it will take just as long to load, though just be loaded in chunks one by one. The easiest option here is "slices" and that's possible in various graphics programs, but using it for a background would require layering elements on top of each other on your page, another bad idea.

Basically, try to get the size of the image down, compress it more, and use a progressive loading image.

[ModernRevolutions]

So what your saying is if its a jpg image (which it is) it will load fast but at a crappy quality and then get better?

[ModernRevolutions]

I think im just going to go with an interlaced PNG image. that was the "effect" i was going for.