I have preferred PNG over GIF and JPEG for sometime now.  It isn’t that I’m an expert on image types, but I know that PNG files are generally smaller in size than GIF and they have consistently rendered nicely for me in Firefox and IE, so I stick with them.  

With this said, my faith in PNG had been shaken since working with Windows Live Writer.  If you have ever tried to insert an image into a post using Windows Live Writer you know that PNG is not included in their default  filter.  At first, I just got really frustrated because it took an extra click to get my job done.  Under my breath I’d curse the Windows Live Writer development team and say, “I don’t care if it is a beta release or not, somebody seriously messed up here.  How could a legitimate web-related product not automatically include PNG in their image list? ”  After a dozen or so posts, however, I started to doubt myself.  And I started doubting PNG.  After all I’m not a graphic designer (nor a web designer for that matter.)  Maybe I’m simply oblivious to the very good reason why Windows Live Writer is causing me such heartache.

Tonight I went looking for answers and I now believe my frustration has merit.  I didn’t realize it, but, Internet Explorer (like Windows Live Writer) has never fully-supported PNG and this has caused quite a lot of commotion amongst the web design community for some time now.  As I understand it, there are three arguments included in the petition for Proper PNG Support in Internet Explorer for Windows:

1. PNG is Superior to the GIF
When the same image is saved in both PNG and GIF formats, in an editor with full and proper support for both formats, the PNG image is typically a smaller file size, is free from royalties, patents, and copyright restrictions that hinder the GIF format, and can use more than 256 colors - up to 48-bit color.

2. PNG is a World Wide Web Consortium (W3C) Recommendation

Microsoft has repeatedly stated their renewed commitment to web standards, so implementing full PNG support would be the next logical step in fulfilling this promise, especially since it was supposed to be implemented over 10 years ago.

3. PNG Supports Alpha Transparency
Anybody who has designed images for use online knows the woes of trying to make that image appear smooth on any background. Some designers create different images to be used on different background colors, other designers simply leave the edges jagged, and still others just give their images a solid background. It’s a bad way to go, but it’s the only choice right now. Using PNG images with alpha transparency would eliminate all of these problems, and make the work of web designers a lot easier. 

To further explain the difference between PNG Alpha transparency and GIF transparency, a GIF image pixel is 100% transparent or 0% transparent. There is no middle ground which tends to lead to grainy-looking graphics in some cases.  Alpha transparency, on the other hand, allows for pixel transparency to range from 0% to 100%.  This allows one to blend images together much easier and create a more seamless look.

There’s some really great information on this subject available here and  here   Now that I know more about its history, the added PNG support with IE7 is worth mentioning.  Of course, I’m hopeful that the Windows Live Writer team will be influenced as well and I’m a just few clicks away from having my favorite image type included in the default filter with WLW’s next release.