Old 06-21-2006   5 links from elsewhere to this Post. Click to view. #1 (permalink)
Poseidon
 
Join Date: May 2006
Location: Arizona, USA
Posts: 31

Send a message via MSN to Heri
Thumbs up Fixing the PNG Color Problem in IE

PNG images have been the long-term answer in the web design world for years. But problem after problem arises in the use of PNGs, which is why most designers are still resorting to GIFs or JPEGs for their web graphics. For many years the problem wasn’t the PNG format itself, but the lack of browser support towards it. However all that has changed now and all major browsers including Internet Explorer, Firefox, Netscape, Opera, and Safari have PNG support.

There’s been a problem that has plagued the PNG world for years. Few people could ever figure out why PNGs appeared darker in IE and didn't match CSS colors (and this problem still exists even with the beta release of IE7). This discouraged many people from using PNGs at all.


But there’s a fix to this problem, though it sacrifices one of PNGs greatest capabilities. What you will need is a program like TweakPNG (yes, it's free), which allows you to edit PNG chunks and allows you to compress PNG file sizes much better then Photoshop does.

Using TweakPNG, simply open up your PNG image and remove the gAMA chunk. This will totally fix your problem of PNG images not matching CSS colors in IE. Also remove the pHYs and iCCP if you’re concerned about file size (and remove cHRM if you’re not using any transparency), as those chunks aren’t needed to get a PNG to display correctly in the different browsers.


So what’s going on? Well, I advise you take a look at the following link. It will explain what we just removed.
PNG (Portable Network Graphics) and Gamma

“That’s so cool! I wish GIFs or JPEGs could do that! But why did I have to remove gAMA in order to make PNGs look right in IE?” Now I can’t take advantage of it!!!

Good question and simple answer. IE doesn’t have a proper gamut setting, so it misuses the gAMA information that the PNG provides and displays something darker then it’s supposed to be. So if you remove the gAMA chunk you'll fix the IE problem, but once again your images will act like GIFs or JPEGs when it comes to how they act across systems with different gamma settings. A shame really, as it’s a really cool feature.

Last edited by Heri; 06-21-2006 at 01:54 AM..
Heri is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Old 06-21-2006   #2 (permalink)
Janitor of Lunacy
 
Tamlin's Avatar
 
Join Date: May 2006
Location: Sitting in the Wishing Chair
Posts: 5,343

That's really useful! I've been wanting to use PNGs in a couple of web-based applications, but have been put off by exactly the problem you describe. Now I know how to fix it! Top marks, Heri!
__________________


Religion: It's all fun and games until someone gets burned at the stake...
Tamlin is online now  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Old 06-21-2006   #3 (permalink)
Sheep Worrier
 
Man1c M0g's Avatar
 
Join Date: Sep 2003
Location: Portsmouth, UK.
Posts: 4,105
Blog Entries: 14

Send a message via ICQ to Man1c M0g Send a message via MSN to Man1c M0g Send a message via Skype™ to Man1c M0g
Your tutorial is now online over @ http://www.biorust.com/tutorials/browse/1/added/desc/1/ . Many thanks Heri for this sanity-saving enlightenment!!!
__________________
Man1c M0g is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Closed Thread

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

LinkBacks (?)
LinkBack to this Thread: http://forums.biorust.com/tutorial-submission/3953-fixing-png-color-problem-ie.html
Posted By For Type Date
Hinnavaatluse Foorumid :: vaata teemat - IE ja MOZILLA erinevused värvides. This thread Refback 09-28-2008 08:47 PM
Hinnavaatluse Foorumid :: vaata teemat - IE ja MOZILLA erinevused värvides. This thread Refback 09-28-2008 08:39 PM
ie png | sehr beliebt | Mister Wong This thread Refback 07-11-2008 08:00 AM
png and IE ... - WebDeveloper.com This thread Refback 06-30-2008 10:56 PM
png | sehr beliebt | mister-wong.de This thread Refback 12-22-2007 12:27 AM

Similar Threads
Thread Thread Starter Forum Replies Last Post
Fixing a picture.. ecntrc Adobe Photoshop 6 04-06-2006 01:54 PM


All times are GMT +1. The time now is 01:12 AM.
Content Relevant URLs by vBSEO 3.2.0

Design & Content © BioRUST 2008 :: PRIVACY STATEMENT :: LEGAL INFORMATION :: ADVERTISING MEDIA KIT