homepage Welcome to WebmasterWorld Guest from
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

Point me to info on making graphics as clear and fast as possible

5+ Year Member

Msg#: 2426 posted 11:22 pm on Jun 20, 2006 (gmt 0)

I know making images sharp and fast loading are two opposite things. What I'm looking for is info/tutorial on what my choices are and how to get the best happy medium for sharp and fast loading.



5+ Year Member

Msg#: 2426 posted 3:14 pm on Jun 21, 2006 (gmt 0)

I don't remember if I found a tutorial, but I did it by trial and error. Making the picture sharp and then compressing it. I ended up at 80% compression for my images (real estate).

Above 80% the file size started getting quite a bit larger. Below 80% I saw more problems with the sky and white walls.

HTH - Bea


10+ Year Member

Msg#: 2426 posted 4:14 pm on Jun 25, 2006 (gmt 0)

Please give more specifics with your post.

Which type of graphics software are you using?
Which filetype are you looking to optimize? GIF, JPG, PNG?
What is the purpose of the graphics file, and what sort of problems have you run into in the past.

All of this information will greatly increase the chance of others helping you.


10+ Year Member

Msg#: 2426 posted 6:44 am on Jun 27, 2006 (gmt 0)

What application(s) are you using. I find that Fireworks normally compresses better than Adobe Imageready.

I hope that helps.


<Sorry, no personal URLs.
See Terms of Service [webmasterworld.com]>

[edited by: tedster at 12:41 am (utc) on July 5, 2006]

Candid India

Msg#: 2426 posted 5:58 am on Jul 1, 2006 (gmt 0)

Dear Myrrh,

I was facing a similar problem as you and then I found this article [webmonkey.wired.com...]

Has really helped me and would like to share this with you

Best wishes,



5+ Year Member

Msg#: 2426 posted 4:25 pm on Jul 4, 2006 (gmt 0)

This has a number of tutorials and articles on choosing the best format based on image type in order to get the best performance.


For photographic images, JPEG is best. JPEG will leave artifacts on text and screenshots, so GIF/PNG is best for these kinds of images. If you end up choosing GIF for non-photographic images, and the image doesn't have transparency or animation, then an optimized PNG will usually give you a smaller file.

Candid India

Msg#: 2426 posted 5:37 pm on Jul 4, 2006 (gmt 0)

This post from Ardfry is really good. This also led me to the book "Speed Up Your Site: Web Site Optimization" by Andrew B. King Have gone through only a few excerpts but is a must read. Planning to buy it soon.


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

Msg#: 2426 posted 12:48 am on Jul 5, 2006 (gmt 0)

I find that some photographic images can still compress better with PNG or GIF. The difference lies in whether the colors range widely or if they are more limited to a certain range -- a limited color spread often does very nicely in a PNG, even though the image is quite photographic. And if you're woprking with a duotone-style tinted image, PNG or GIF is almost always the best, in my experience.

Up until Photoshop 8, I often thought Fireworks had a small edge over the compression algorithms in ImageReady. But not now -- ImageReady today really cooks for me! And this is coming from a guy who is fanatical about image size. Up to Photoshop 8, I often hand tweaked the color look-up tables in a gif, just to eleminate any extra colors the eye didn't truly need.

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