Pictures and Slow Loading of Pages. 2

[teblack]

I have a business website, and have a lot of pictures of rooms in the houses that I build. What I have found is that the pages that have the thumbnail's load slowly. Is one format better than the other format to present thumbnail pictures. i.e. (jpeg, gif, bmp, or other). Once you click on each of the thumbnail's then a larger picture present itself. The other thing was, that I was not sure if it may be related to the server that the site is setting on.

Any help would be greatly appreciated.

TBlack -

 

[BillyRayPreachersSon]

How big (in Kb) are your thumbnails? If more than about 8Kb, they might be too big. how are you saving them? Are you optimising them?

Generally speaking, JPEG files are better for photographs.

Dan


[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]

 

[teblack]

BillyRayPreachersSon -

These are just standard pics from a digital camera, the pics are in a table i.e.

<a HREF="images/img_0006.jpg" TARGET="blank"><img src="images/img_0006.jpg" width="130" height="100" border="0" alt="Front of House"></a>

I would say they are probably about 700 - 800 kb per pic.

Is there a way to optimise them?

Thanks in advance for the help......

TBlack -

 

[tsdragon]

Did you actually create 130x100 thumbnails of the pictures, or are you letting the browser resize them? Letting the browser resize the images will slow it down a lot.


Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[Vragabond]

You are creating thumbnails only by specifying width and height for the picture that is originally larger. That means that the browser needs to download the whole big picture (slow) and make it fit a small space. If you want to do it correctly, create thumbnails (130x100 versions of bigger pics) in a graphics editor, upload them to the server and use them for thumbnails. You would have something like image_006.jpg and thumb_image_006.jpg for instance and use them accordingly.

 

[teblack]

tsdragon & Vragabond,

Thanks for the info, I will try creating them in a smaller pic and using that as the thumbnail to click to load the larger pic.

Thanks again for all of your help....

TBlack -

 

[teblack]

Does anyone know of a good graphic editor that can build good quality thumbnails and also other picture changes?

TBlack -

 

[Vragabond]

PhotoShop is great, if you can afford it.
Gimp I hear is equally great and it is free.
Paint Shop Pro is available as trail and is also very good. Old versions of PSP used to be free, but looks like they are no longer that way since corel got them.
IrfanView is not an editor but a viewer. Easy and quick to learn, can resize and apply a bunch of filter and save/load almost every imaginable format.

 

[traingamer]

I've been using Irfanview for many years to crop, resize, compress and create thumbnails. It's no good for heavier editing, but it's free and easy.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[tsdragon]

I've been using GIMP for several weeks now and I really like it. Probably overkill for just creating thumbnails, but a very powerful graphics program.

Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[trollacious]

I like Irfanview for quick work like this. You can resize, crop, adjust colors, sharpen, and save in the amount of time it takes the big, fancy programs just to load themselves. And you can do batch resizing, too.

I've recommended it to a number of my clients, and they all love it, as well.

Lee

 

[unborn]

Here is my favorite site full of freeware! this site (which im providing link to the section you need) has tons of programs to do anything INCLUDING this links with a program that will make thumbnails for you!

http://www.snapfiles.com/freeware/webpublish/fwgallery.html

in the begining man created code.
in the end code will create man.
clones are coming only matter of time.
examples?

http://planetsourcecode.com