31 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 1+ members
  • Located in Canada
  • Has collected 10+ items on Envato Market
brenelz says

http://blog.brenelz.com/2009/01/27/png-8-alpha-transparency-screencast/

PNG -24 is what most web developer ’s use for transparency on the web. It tends to have large file sizes but provides excellent transparency. Using PNG -8 or GIF for transparency doesn’t work near as well… at least normally! There is actually a way to use PNG -8 transparency that is better than PNG -24!

2541 posts
  • Has referred 10+ members
  • Has sold $100+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Located in United States
+9 more
CreatingDrew says
http://blog.brenelz.com/2009/01/27/png-8-alpha-transparency-screencast/ PNG -24 is what most web developer ’s use for transparency on the web. It tends to have large file sizes but provides excellent transparency. Using PNG -8 or GIF for transparency doesn’t work near as well… at least normally! There is actually a way to use PNG -8 transparency that is better than PNG -24!
I watched that earlier today and can honestly say I did not know about that until now, it’s gonna save me a ton of headaches and fixes in the future. Great job :)
204 posts Bold WordPress Theme Development
  • Has been part of the Envato Community for over 5 years
  • Has referred 200+ members
  • Has sold $250,000+ on Envato Market
  • Interviewed on an Envato blog
+6 more
srhnbr says

I must admit I did not know about this. But it’s great! What if one does not have Fireworks though :(

171 posts
  • Has referred 100+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Had an item featured on Envato Market
+4 more
clarklab says

Overall its an interesting technique but not really reliable in most situations. Anything I gain from having alpha transparency in an 8bit png (cross browser support, not needing a script, a single image, etc) is lost by the fact that the 8bit png just doesn’t look that good. I tried swapping out a few in some projects and most the new pngs had some signs of compression, banding, etc that just didnt look that great, in any browser.

It might be good for small icon and littler images, but with large images with lots of details and subtle gradients it just can’t seem to handle it.

145 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 50+ members
  • Has sold $1,000+ on Envato Market
  • Has collected 1+ items on Envato Market
+3 more
JJenZz says

I have sworn by this for a while now. It is great for little icons and rounded corners etc. Another reason why I love Fireworks!

I actually wrote a blog about it back in August so just in case you might find something else useful there, here is my blog URL http://bytesizecss.com* ;)

P.S. It gets spammed a lot, sorry about that! Haven’t got round to sorting it yet =(

* okay okay, sorry for the shameless self promotion haha

128 posts
  • Has referred 200+ members
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has collected 10+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+5 more
GeertDD says

PNG -8 alpha transparency is my number 1 feature request for Photoshop.

31 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 1+ members
  • Located in Canada
  • Has collected 10+ items on Envato Market
brenelz says

@GeertDD I agree… why does fireworks have this and not photoshop? Transparent PNGs are used lots on the web.

by
by
by
by
by
by