Saving as transparent png-24 in 7.0??

401 views9 repliesLast post: 5/25/2004
Does anyone know how to save images as png-24 without a light blue background appearing in the transparent area when applying the image to a web-page??
#1
It's just browser dependent.
I get gray (not blue) if viewed in IE6.
However, Mozilla works fine, transparent as desired.

That's why I see PNG still as non-viable, unless MS supports it. And even if they do in future version, you've still got all the legacy browser versions that don't.

Mac
#2
Well, you can actually achieve dual-browser (i.e., I.E. and every other browser ;-) ) PNG alpha transparency using IE's AlphaImageLoader tag. Complete description and examples provided here:

Cross-Browser Variable Opacity with PNG: A Real Solution <http://www.alistapart.com/articles/pngopacity/> (www.alistapart.com)

Admittedly it is a pain that Microsoft does not just support PNG alpha transparency directly, but at least there is a relatively simple workaround.
#3
Thanks for that link, Trevor! :-D
A neat and quick workaround...

Al
#5
I too thought it appeared complicated at first, but it really is quite simple. For IE only, just use the AlphaImageLoader filter. For all other browsers, just call the image in a regular img tag. For both browsers, use the supplied browser detect script from the link above.

To demonstrate all of this, I threw together the following page which shows how RGBA and alpha-indexed PNGs behave using traditional img, AlphaImageLoader and a combination of both (i.e., browser detection).

Alpha PNG Test Page <http://user.fundy.net/morris/pngtest/pngtest.html>

Help yourself to any of the code, etc.
#6
BTW, I should mention that the alpha-indexed PNGs (in the above link) were converted from 8-bpc RGBA PNGs using PNGQuant, since Photoshop itself is not capable of saving out alpha-indexed PNGs.
#7
BTW, I should mention that the alpha-indexed PNGs (in the above link)
were converted from 8-bpc RGBA PNGs using PNGQuant, since Photoshop >itself
is not capable of saving out alpha-indexed PNGs.

At least since Version 6. Photoshop 5 on the Mac does save PNGs (indexed or full color) with an alpha channel. Although it saves PNGs with a gamma value that's way off.

Why newer versions of Photoshop don't respect it's own alpha channel is a total mystery to me.
#8
Because the PNG spec says it uses transparency, not arbitrary alpha.
#9
Agreed (with Chris), I much prefer the current method. Whatever appears as transparent remains transparent--intuitive and consistent with the way other formats work.
#10