Fuzzy Pictures

[ridge]

I have several pictures to upload to a web page. The pictures are studio quality, and very detailed. When I load them, and then shrink to size on the page, the pictures are fuzzy. I have tried to resize them before loading them, and I still get fuzzy results.
What can I do to shrink them and still have clear pictures.
I have JASC Paint Shop Pro 8....

 

[pixl8r]

While far superior to JPG's, PNG's are not compatible with all browsers. The big one being IE.

When talking about resolutions on the screen your reference should always be PPI, not DPI as Chris points out. The article "Say No to 72dpi" rightly suggests that this is something of a bad term as it is all relative to the resolution setting of the end users monitor, but IMHO a major design consideration should always be the "target" screen resolution. That is not to say that you should only design for one resolution, but it is to say that you use that "target" resolution to get the proportion for the entire page.

In any event resizing that 300 dpi image should be done via pixels... not dots. In photoshop at least this can be changed by changing the measurement preference to pixels and selecting the "Image Size" dialog.

Hope it is helpful to someone

 

[Foamcow]

Chris,
Sorry, I tend to stick to referring to it as DPI as I work in print alot too.

You are correct except that the PPI does matter.
I was trying to get across the fact that he may not be resampling the image down, just changing it's physical dimensions. Which would mean that they could be being resized by the browser, thus making them look bad.

If the image is supplied "Hi res" (i.e. 300dpi for print, from a pro photographer) then resizing the image's dimensions has no effect UNLESS they are also resampled to a lower resolution.

It is true that it's the number of pixels that matters, but the number of pixels is related directly to the image's resolution as well as it's physical dimensions.

http://www.foamcow.com

"I'm making time

 

[Foamcow]

I should add that Ridge was referring to sizing the images via physical dimensions (i.e. 2" square).
This is what led me to think that the problem was that they weren't actually being resized.

http://www.foamcow.com

"I'm making time