Loading images faster

[JessicaNunez]

on my website (www.gotpansies.com) I have a photogallery with a few thumbnails that can be clicked to open a larger image in a separate window. The problem is it takes forever to load the photogallery, and I doubt many people would have patience for it. I tried to make the jpg images as small as I could, but it's still too slow. Any advice???

Thanks!

[jeffmott]

Some of your thumbnail pictures are at a size of 1500px by 1000px. This is *very* big. You need to decrease the size and resave it in a graphics program. Remember that setting HTML height and width attributes does not change what the user has to download, only how the browser is supposed to render it.

[JessicaNunez]

Hey thanks a lot for helping me out. That makes a lot of sense. I'm new to web design and am still learning. How can I reduce the size of the pictures? I guess I thought the height and width would do it. Thank you!!!

[pyro]

Using HTML (or CSS) to set the hight and width of an image will only change how big the image get's displayed and not the actual size of the image. To change the size of the image, open it in a graphics program and resize the image, and resave. If you don't have a graphics program, go get Gimp (http://www.gimp.org)

[Dark Dragon]

Another thing you could do is reduce the dpi of your images.

Basically the resolution....reducing the size is useless if your resolution is 100dpi or so...so keeping it below 75 but more than 50 is good.


Try having the images
interlaced"...the basic image will show almost immediatley but it will be pixilated yet the viewer may get an idea of what it is without having to wait.....