I created an interactive image object ... but loading takes too long.
The interactive image object is located at:
southernwindowdesign.com
It uses 5 images to navigate through each state (by clicking and dragging). I want the images to be high quality; therefore, any further jpeg compression is missing (including punypng and smush.it).
Any ideas for shorter boot times? I am willing to risk using data URIs, canvas, PNG compression (cool) , etc.
Any ideas or pointers in general would be helpful.
UPDATE:
Thanks to everyone who gave advice, if I used the advice you gave, I gave you a plus. I set up another static subdomain (s2) that should be distributed over the next few hours or so. Later today I will probably switch some images to this new subdomain. I also changed the loading of order images and made some other optimizations here and there.
I was hoping someone would know how to use redundant pixels in each image. Is there a way to encode all the images into a single file and read them using javascript canvas getImageData () in some smart way?
getImageData http://www.eswd.com/southern/test.jpg, - jpeg losslessness (Quality = 100!= 100%) : http://www.eswd.com/southern/test.aspx. . PNG , jpeg ( ).
, .APNG ... , , ... , canvas PNG .