WD9 Corrupted Favicon

Hi Again!

Getting well and truly stuck into WD9 - and enjoying it!

Found a glitch...

I've used the favicon feature many times before in WD7, 8 etc with no problem. I just drop an image - any size - usually onto the pastboard area, right click it, select Names and add the name 'favicon'.

So far so good.

However, on publishing, the favicon icon show vertical lines running through it. Tried several images, same result. I even tried an actual favicon-sized gif image (16x16) - still corrupted. I guess I'll do it the old-fashioned way (www.favicon.cc) but is there some chance this can be fixed?

Or... are there some new rules around favicon creation..?

Thanks!


Ian

Yes I now see this in Chrome browser only..
All other browsers are fine.. So it appears there's something Google chrome no longer likes.

Hi again Sledger!

Yes, I am indeed using Chrome.

Man, you're a MACHINE!!

Do you ever sleep?

(Or are you really a machine? :D )

All the best,



Ian

:) I probably sleep the same time as you do (you're in North Sydney, correct? I'm in Far Nth QLD)

Thanks for finding this problem.

I have published several sites and the Favicon in Chrome is fine in Windows 8 64-bit

Sledger and anyone else see if the favicon is OK in your Chrome http://www.placitasartists.com/Placitas-Art-Glass/

Here's how it looks in Chrome for me Gary.

Your site doesn't load properly here Gary. It's as if you are updating it at the moment?

I'll check again in the morning.

Meanwhile, how do these links compare in Chrome for you?

Check diff in Google Chrome (I have Version 26.0.1410.64 m)

Looks fine ► http://xara-users.magix.net/public/favicon/v8/

Not fine ► http://xara-users.magix.net/public/favicon/v9/
Not fine ► http://xara-users.magix.net/public/favicon/v9-32bit/

Version 26.0.1410.64 m

I can confirm you results

The Internet seems slow this morning. It took a bit of time for my home page to load. So maybe the page you captured was taking some time to load. The background loads first and that is what you have in your screen capture.

hi garry i either get webpage not available or your page all messed up see screen shot - the favicon seems ok though .

cheerz

Attachment 95577

This is apparently a Chrome bug. It fails to render some 32 bpp .ico files correctly. I have implemented workaround that seems to fix it and it will be available in the following update. Meanwhile, you can workaround this problem in your design by making your favicon object not perfectly pixel aligned. For example, if it has X coordinate something like 988, change it to 988.1 This should do the trick. Alternatively, make sure you have at least some not fully opaque pixels in your favicon design.

Thanks for spotting it.

John, the same favicon exported from any other version of Web Designer except v9 displays perfectly fine. This would suggest that rather than entirely a Chrome bug, version 9 has some part in this error. Perhaps the new version is saving out the .ico file differently and Chrome is just unable to render it correctly due to whatever the change in the format is now?..
In other words, if it was a Chrome bug then the favicon would show the same corruuption no matter which version of Web Designer exported it.

Ah, it's simple. In v9 we export 32 bpp .ico with complete 8 bit alpha channel to precisely represent transparency and antialiasing. In older versions we were exporting 256 color .ico with a one bit transparency mask. As I said before, Chrome fails to render correctly some 32 bpp icons. It works well with 256 color icons so it was fine in v8.

Also, in previous versions we were exporting a 32 bpp .png copy of the favicon for all normal browsers, but again, due to the Chrome "behavior", it was still using 256 color .ico, intended for IE (which can't use .png). Other normal browsers were correctly using .png though. Now we only export single .ico that is 32 bpp so we have perfect quality in all browsers.

Another change is that .ico generated in v9 has actually 2 image sizes (if your favicon design is sufficiently large that is) - 16x16 and 32x32. So that happy owners of Retina devices get much sharper favicon too.

Hope it helps.

Thank you for the insight.
Easily understood and thank goodness Retina users are thought of at last and catered for..