homepage Welcome to WebmasterWorld Guest from 54.161.192.130
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

    
Blurry photos
Seann

5+ Year Member



 
Msg#: 3211575 posted 10:54 pm on Jan 7, 2007 (gmt 0)

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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3211575 posted 10:46 am on Jan 8, 2007 (gmt 0)

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

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



 
Msg#: 3211575 posted 7:48 pm on Jan 8, 2007 (gmt 0)

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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved