[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 229
  • Last Modified:

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:
http://www.specializedgerman.com/Rebuilders.html 
I've tried setting the resolution on the cameras both high and low, it doesn't seem to matter.
Dennis
0
dgharris
Asked:
dgharris
  • 3
  • 3
1 Solution
 
forkbeardCommented:
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.
0
 
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
0
 
forkbeardCommented:
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.

forkbeard
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
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.
http://www.taprecycling.com/html/991011.jpg
http://www.taprecycling.com/html/991011newest3.jpg
Thanks for your help Dennis
0
 
forkbeardCommented:
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.

forkbeard
0
 
dgharrisAuthor Commented:
Excellent help!
0

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

  • 3
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now