Re: [css-d] PNG alpha transparancy

2009-05-17 Thread oa.b...@happyuser.se

15 maj 2009 kl. 17.33 skrev Erik Vorhes:

 On Fri, May 15, 2009 at 5:12 AM, Gunther Van Butsele  
 g...@velleman.be wrote:

 A young webdesigner colleague of mine insists on using PNG's with  
 alpha
 transparancy in his designs, mostly because he uses a lot of  
 gradients
 and he wants them to flow seamlessly into the other backgrounds.

 What do you guys think? Use it or lose it?


 You could use one of the many tricks to add PNG alpha transparency to
 Internet Explorer 6 [...] My preferred option for PNG transparency,  
 though, is to create PNG-8
 with alpha transparency [...]

I recently learned that filters have a serious backdraw: they heavely  
increase the memory consumption in the client, 
http://developer.yahoo.com/performance/rules.html#no_filters 
.

So it's wisely to avoid them and go for the PNG8 suggestion Erik  
mention here.

Kind regards
lars olof
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] PNG alpha transparancy

2009-05-15 Thread Gunther Van Butsele

Hi,
 
A young webdesigner colleague of mine insists on using PNG's with alpha
transparancy in his designs, mostly because he uses a lot of gradients
and he wants them to flow seamlessly into the other backgrounds.

Personally, I think it's bad practice to use such a feature since it
isn't supported by all browsers, something very specific to the PNG
format. I also have the mindset that you can get the same result by
using different techniques, without alpha transparancy. I find it odd
that they don't teach you these things in school to be honest..

What do you guys think? Use it or lose it?

Kind regards,
Gunther Van Butsele
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] PNG alpha transparancy

2009-05-15 Thread Erik Vorhes
On Fri, May 15, 2009 at 5:12 AM, Gunther Van Butsele g...@velleman.be wrote:

 A young webdesigner colleague of mine insists on using PNG's with alpha
 transparancy in his designs, mostly because he uses a lot of gradients
 and he wants them to flow seamlessly into the other backgrounds.

 What do you guys think? Use it or lose it?


You could use one of the many tricks to add PNG alpha transparency to
Internet Explorer 6 (all other modern browsers support the format
just fine), but depending on what you're trying to do with PNGs, it
might not always take, especially if you're doing anything like
dynamically loading images via a slideshow or whatever. Or you could
probably create an alternate GIF for IE6 with an approximate matte
color, so it doesn't look too awful.

My preferred option for PNG transparency, though, is to create PNG-8
with alpha transparency with Fireworks. The image fidelity isn't as
great as PNG-24 (PNG-32 in Fireworks), but for most digital work the
difference isn't too noticeable. Non-IE6 browsers treat
semi-transparent pixels correctly, and IE6 treats them as fully
transparent. With enough care in the design, it should work really
well in all browsers.

The greatest benefit from PNG-8 is the smaller file size, which can
sometimes even be smaller than GIF. For more on this topic, see:
http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/

But none of that really answers your question. I'd say aesthetically
that over-reliance on gradients, drop-shadows, etc., can get tiresome,
especially when there are a lot of them on a page. It'd be worth your
colleague's time to expand his toolbox.

Erik
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] PNG alpha transparancy

2009-05-15 Thread Bill Brown
Gunther Van Butsele wrote:
 Hi,
  
 A young webdesigner colleague of mine insists on using PNG's with alpha
 transparancy in his designs, mostly because he uses a lot of gradients
 and he wants them to flow seamlessly into the other backgrounds.
 
 Personally, I think it's bad practice to use such a feature since it
 isn't supported by all browsers, something very specific to the PNG
 format. I also have the mindset that you can get the same result by
 using different techniques, without alpha transparancy. I find it odd
 that they don't teach you these things in school to be honest..
 
 What do you guys think? Use it or lose it?

I also insist on the use of PNGs, so my sentiments reside with your 
colleague.

The cross browser support of the PNG format is comparable and nearly 
equivalent to JPG, with the exception of everyone's favorite red-headed 
step-child: Internet Explorer (especially version 6 and older).

PNGs offer a great many more benefits than just the alpha channel 
transparency and strong calls for its widespread implementation have 
been issued by both the Free Software Foundation and the World Wide Web 
Consortium, as well as others.

Learn more here:
http://en.wikipedia.org/wiki/Portable_Network_Graphics

Invoice for $0.02 USD to follow.

Hope it helps.
Bill

-- 
!--
  ! Bill Brown macnim...@gmail.com
  ! Web Developologist, WebDevelopedia.com
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/