Jigsaw edge to resized images

When I reduce the size of my pictures they get ragged edges to them. It doesn't seem to matter whether I use Netscape composer or PSP 5.0. I take a picture with a Kodak 210 or HP300 camera, when they are reduced in size and put on the web page, anywhere there is a staight edge we get a squiggly line. Check the example here:
I've tried setting the resolution on the cameras both high and low, it doesn't seem to matter.
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

It looks like you are trying to squeeze a larger picture into smaller space.  Your image is 640x480 but it is squished to fit inside a 461x346 space.  To get the best visual results use the image at 100%.  If the image is too big go back to Photoshop and edit the image.  Go into image size and set the image to the desired size.  Also make sure you are at 72dpi.

Not only will this make your image cleaner but by making the image smaller in pixels you also make it smaller in file size.

I would also make a new 160x120 version for the thumbnail image.  Same problem as above.  Big picture in small space.  Using the same image may seem like an economical advantage but the image quality suffers.  Even though your thumbnail page has what appears to be a small image the browser still needs to download the whole image at full size first.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
dgharrisAuthor Commented:
I have only had a few minutes to evaluate theis answer. It looks like it may be the answer. But in all fairness I need a little more time. It does look like it makes the picture a little softer. Focus doesn't seem to be as good, is that a by produce of this way of doing things. By the way I am using Paint Shop Pro and not PhotoShop.
Thanks Dennis
Sorry about PSP / PS mix-up.  I'm not too familar w/ workings of PSP but think there should be similar abilities.

Working with jpg's has a tendency to make some images soft and fuzzy depending on image quality settings for saving jpg's.

I would reduce the size to 461x346 and then in seperate step reduce the resolution to 72dpi.  Doing both of these adjustments in one step can cause a little distortion in your image.

Computer monitors can only display 72dpi and having a higher resolution will not make any visible difference.  A higher resolution is only needed for printing images.

If you can post the new images I will compare them to the tests that I have done of your images.

Cloud Class® Course: C++ 11 Fundamentals

This course will introduce you to C++ 11 and teach you about syntax fundamentals.

dgharrisAuthor Commented:
Here are the pictures I have been working with. I tried reducing the size and then the dpi, it seem to help. Is it better to save the image between steps or can I save after doing both.
Thanks for your help Dennis
Shouldn't make a difference if you save in between steps or not.
I would keep an original large unedited image as a back-up for future use.  Once you reduce an image you can't change your mind later and convert it back to the larger size.

Your images look a lot better, less distorted than before.
I tried processing them myself and can't see any difference.

dgharrisAuthor Commented:
Excellent help!
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Graphics Software

From novice to tech pro — start learning today.