Welcome to WebmasterWorld Guest from 54.221.87.97

Forum Moderators: not2easy

Message Too Old, No Replies

Blurry photos

     

Seann

10:54 pm on Jan 7, 2007 (gmt 0)

5+ Year Member



Hey hows it going I need help my pictures on my site <snip> are very blurry and load slowly any info would be great
thanks

No urls please - see TOS [webmasterworld.com]

[edited by: limbo at 10:36 am (utc) on Jan. 8, 2007]

limbo

10:46 am on Jan 8, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi Seann

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?

rocknbil

7:48 pm on Jan 8, 2007 (gmt 0)

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Yeah but he says the images load slowly.

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.