Forum Moderators: open

Message Too Old, No Replies

Aol

image distortion

         

justinen

3:55 pm on Apr 4, 2002 (gmt 0)



What is up with AOL? My images look wretched there. They are fine in Netscape and IE. Suggestions? Thank you!

toolman

4:15 pm on Apr 4, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Aol uses a proprietary compression to reduce bandwidth in AOL land. It butchers your graphics.

I have found that you must use a minimum of 64 colors (128 is better) in .gifs and make all of your graduated (or fading) colors .jpegs. This will minimize the effects but you're still gonna see some artifacting that really isn't there.

I feel so sorry for all the new people who think AOL is the internet, and why do all these webmasters have no taste?

tedster

5:28 pm on Apr 4, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



> a minimum of 64 colors (128 is better) in .gifs

Thanks for pinning that one down. I never understood why my 8-color text graphics got the measles!

Do you need to actually USE all the colors, or is just having a big palette all it takes?

toolman

5:54 pm on Apr 4, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



>>>I never understood why my 8-color text graphics got the measles!

Ah! Another Kilobyte/crusher out there. I'm not sure exactly why it does what it does....even when you use 1 or 2 colors in a text graphic you still will see distortions...usually in the form of stripes in the background of that slice.

I've found that using 128 color palettes will eliminate most of the problems and by using only 1 or 2 of the colors with modest anti-aliasing you can minimize file size as well. Color graduations will not work well as a gif in AOL with less than 128 colors.

Normally, I build the graphics on a document size canvas in FW and then slice it up into gifs and jpgs according to text and pictures, drop shadows, etc. This makes for some complicated table structures but since FW is writing the code I just copy and paste and then pull out all the spacers and comments. I usually float the text in a div tag anyway so text positioning is simple and not really a concern for the table structure.

Try using 128 color palettes for gifs and jpgs for all the pics and color graduations and see if it makes a difference.

justinen

9:16 pm on Apr 4, 2002 (gmt 0)



Thank you all so much! One other question - os 256 colors too many?

john316

9:24 pm on Apr 4, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



In AOL you can also turn off the image compression.

justinen

9:34 pm on Apr 4, 2002 (gmt 0)



I can turn it off on my site, or people using AOL can turn it off? Thx

john316

9:56 pm on Apr 4, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



AOL users have to turn it off in their preferences.

sidenote: only the AOL browser is affected, if you are connected through AOL and using a different browser, the other browser shouldn't be affected by the image compression.

tedster

10:24 pm on Apr 4, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



> even when you use 1 or 2 colors in a text graphic you still will see distortions...usually in the form of stripes

Yes, I get that too, and it seems totally bizarre. How much more compression can you get than 2-color LZW?

If I understand this coorectly, this "extra special" compression only happens to images that are stored/cached by AOL. Is there a way to force the image call to go to my server?

Canton

2:04 pm on Apr 6, 2002 (gmt 0)

10+ Year Member



Justinen: This is a notice that we used to post on our sites to get AOL users to turn off this horrible image crunching thing (it tells you how to turn it off if you're an AOL user, information you MAY want to make available to those surfing the "pretend" Internet):

America Online users: If the graphics on this or any other web page on the Internet appear distorted, follow the steps described below to optimize your browser for viewing web pages.

1) Click on the "My AOL" icon at the top center of your browser
2) Choose "Preferences" from the drop-down menu
3) Click on the "WWW" button
4) Select the "Web Graphics" tab (4th tab from the left)
5) Make sure that the "Use compressed graphics" field is NOT checked
The following is a verbatim excerpt from the America Online FAQ for webmasters (http://webmaster.info.aol.com).

Q. Why do my images look more blurry on AOL's Browser and why do some have black bars on them?

A. America Online utilizes graphics compression software that speeds up the delivery of web pages to its members by compressing images and various multimedia applications. Images that are .BMP, .GIF, or .JPG are converted into the proprietary Johnson-Grace image format .ART. All AOL members have the
option of deselecting "Used Compressed Graphics" in their Web Preferences.

Q. OK, I have deselected "Use Compressed Graphics" in my WWW preferences and the images still look the same! What am I doing wrong?

A. This is a Caching issue. In your WWW preferences you can set your history to "0" pages and clear the History. You must also delete the files in your Temporary Internet Files folder.

Holding down the "Control" key on your keyboard and simultaneously mouse-clicking on the Browser Reload icon while the browser window is active will also clear your proxy cache and display the latest data from the web site.