picture problem driving me nuts

[Futzelman]

I Hope you guys can help:

My website shows about 20 pictures. When you click on one, you go to a new page that shows the same picture only larger and also a description of the picture.

My problem is that both pictures (the small one and the large one) feed of the same root picture. Right now each root picture is about 75kb big because if I make it smaller, then the bigger version (one you click on it) becomes distorted due to low resolution.

HOWEVER, I have seen other websites that have pictures with awesome clarity at only 10kb!! and the big one is maybe 20kb.

How can I achieve this? I took a digital picture of my product and then just resized it down...is this the cause?

Or do I have to have two versions of each, one with less and one with more resolution rather than having them both feed of f the same one?

All comments appreciated!

Futzel

[ziroi]

Originally posted by Futzelman
Or do I have to have two versions of each, one with less and one with more resolution rather than having them both feed of f the same one?

That would be your answer. These other sites you talk about are likely using "thumbnail" versions of the fuller, correct size of the pictures. Take your regular digital camera picture, downsize it to the desired thumbnail size, save it as a new file, and upload the thumbnails as seperate images. Then just link the thumbnails to the larger regular pictures!

As for the better clarity with larger pictures, it depends on what file type you are saving the picture as. Generally, JPEG or GIF will yield you a good quality picture with a low filesize. Hope this helps!

:t

[DocEvi1]

Catalog Wizard : http://www.saunalahti.fi/~ovuori/catalog/

Stefan

[Futzelman]

Great, thank you very much. I will try linking the files first.
I am not sure about the catalogue wizard. I may try it at a later stage.

Thank you,
Futzel

[DocEvi1]

as for the smaller files try infranview.

The reason I mention catalog wizard is that takes a directory of pictures, creates the thumbnails and a HTML page with a table of all the images and link in. It also creates seperate pages for each of the images.

It would then be quite easy to copy & paste it's code out of the automatically generated and page and insert into the design of your choice.

I found catalog wizard the ideal solution when creating my page : http://www.students.ncl.ac.uk/stefan.carlton/digicam It's presently been upgraded as I'm moving it to a new server but the idea behind the pictures will remain the same.

Good luck.

Stefan

[qball]

HOWEVER, I have seen other websites that have pictures with awesome clarity at only 10kb!! and the big one is maybe 20kb.


As you state 75kb for your pictures, the size is within reason.

There are many graphic formats supported by most browsers, and they all contain/use some form of data compression. Additionally, what the 'picture' contains/depicts will affect how each format uses data compression. Other factors like, monitor resolution AND settings! affect how the 'picture' is displayed.

blah,blah,blah

post link to:

"awesome clarity at only 10kb!! and the big one is maybe 20kb."

The reason your 'picture's from DC are 75kb, is most likely setting on DC. This is reasonable.

Think of it this way:

take 'picture' of '1st picture taking reunion', all 3 people.
take 'picture' of pure white or black.

what clarity and image quality and size should each display?