Jul2209Jul 22, 09
Now that Firefox 3.5 renders PNG images similarly to Safari, it is much more important that we produce PNG images that render correctly in these two popular browsers. I spent a few minutes taking a look at which images were being distorted, and the pattern is very clear. Any PNGs that I had run through a "crushing" (see below) utility rendered accurately, and had a noticeably smaller file size - any PNGs I had not "crushed" looked different in these browsers.
So the solution is simple. When you use a PNG compression utility, you are removing the color profile data that is causing Firefox and Safari to render the images differently from how you saw them in Photoshop.
Since we all love free web apps, I give you miniPNG:
Download (requires Mac OS X 10.5)
Here are some screen captures of miniPNG in action. Can you find the secret?
The secret is that this is already a native amoebaOS app.