// Correctly handle PNG transparency in Win IE 5.5 or higher.
// http://homepage.ntlworld.com/bobosola. Updated 02-March-2004

function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == “PNG”)
{
var imgID = (img.id) ? “id=’” + img.id + “‘ ” : “”
var imgClass = (img.className) ? “class=’” + img.className + “‘ ” : “”
var imgTitle = (img.title) ? “title=’” + img.title + “‘ ” : “title=’” + img.alt + “‘ ”
var imgStyle = “display:inline-block;” + img.style.cssText
if (img.align == “left”) imgStyle = “float:left;” + imgStyle
if (img.align == “right”) imgStyle = “float:right;” + imgStyle
if (img.parentElement.href) imgStyle = “cursor:hand;” + imgStyle
var strNewHTML = “”
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent(“onload”, correctPNG);

save js file -> pngfix.js

Sort it out guy so I can enjoy your stuff.

AP

they only support one transparent color, not alpha transparency like the 24bit

8bit pngs beat the pants off of gifs every single time

what would be the size of it was 65k?

also, the size difference vs the quality of the gif is well worth it, as the gif looks like garbage if you spend over 2 seconds looking at it.

nice tut btw.

Good you mention that 8-bit PNGs are better compressed than GIF. Overall your decision that it’s overall more economical to stick to GIF is slightly coloured (haha) by the fact that your site graphics are entirely monochrome, and the transitions don’t work so roughly. When you have one colour above an indeterminate other, transparent GIFs edges will look nasty.

@Invisible,

You want to save your alpha favicon as a simple 24-bit PNG, and then use conditional comments to render it only on non-IE browsers*. Conditional comments are perfectly valid HTML, it’s just that their functionality isn’t recognised by W3C or standard browsers — but that’s not a practical or philosophical problem at all unless you’re actually emotionally in love with W3C as a human being.

However if that’s the case, you can always use server-side code to sniff for the browser, and then serve code respectively.

For everything ancient else, you’ll just have your standardised .ico GIF-formatted favicon.

* The everything-except IE conditional comments work as follows:

Content here
<!–