Welcome to WebmasterWorld Guest from 18.104.22.168
Forum Moderators: not2easy
No urls please - see TOS [webmasterworld.com]
[edited by: limbo at 10:36 am (utc) on Jan. 8, 2007]
Welcome to WebmasterWorld [webmasterworld.com] :)
Please can you explain your problem in a little more depth. I am sure we will be able to help.
My initial thoughts about the issue you describe would be too much JPG compression - the more you apply the lower the file size and the more 'blurriness' you will see. Have you applied any compression to your images?
Tell me, are you resizing the images "on the page" or are they resized in a graphic program? That is to say, you can take a 72 DPI image that is 300 pixels X 150 pixels and put it on a page by modifying the attributes:
<img src="image.jpg" width="150" height="75" alt="">
There are two problems here: one, your images with be more than twice the file size they need to be, causing them to load slowly, and secondly, evem with more resolution the image may look choppy or fuzzy because the browser is forced to interpolate the pixels. There are now more than 72 pixels per inch and it must render it accordingly.
To scale down images, resize them in a graphic program and assign the attributes to the exact same values as the actual file.
Secondly you need to examine your compression values - if you save .jpg images at "higest quality" by default, the site will load quite slowly and you lose overall site quality by trying to maintain image quality (i.e., your site will load painfully slow.) Most often, you can get away with level 4 - 6 compression and the image won't suffer at all, and you will reduce file size to a fraction of the original size.