favicon

How to animate a favicon like that? It seems to work only in Firefox. While it's currently only supported by FireFox other browsers will hopefully support it in the future. To achieve the effect, you need to upload the gif to your server and then add the line below to head section of your page: <link rel="icon" href="animated_favicon.gif" type="image/gif" > Take a look at AnimatedFavIcon.com for additional help and resources. teapot7 Almost certainly not what you're looking for, but some people have gone so far as to programatically write to the favicon in client side JavaScript. The following

How can I create a favicon for my website? Searching about favicons, I discovered I needed more than 10 kinds of files to work in all browsers and devices :( I got pissed and created my own favicon generator, that creates all these files and the correct HTML header for each one of them: faviconit.com Hope you enjoy it. If you already have a logo image that you want to transform into a favicon, then you can convert it using http://www.favicomatic.com/ . It creates crisp favicons, and I haven't had to edit them after creating them. It will generate favicons at 16x16 and 32x32 and to quote them:

What is currently the best way to get a favicon to display in all browsers that currently support it? Please include: Which image formats are supported by which browsers. Which lines are needed in what places for the various browsers. Brian Matthews I go for a belt and braces approach here. I create a 32x32 icon in both the .ico and .png formats called favicon.ico and favicon.png . The icon name doesn't really matter unless you are dealing with older browsers. Place favicon.ico at your site root to support the older browsers (optional and only relevant for older browsers. Place favicon.png in

I'm trying to get my head around all these different sizes and formats that are needed for Favicons, Touch icons and now Tile icons too. I've read this post: http://www.jonathantneal.com/blog/understand-the-favicon but I'm still a bit hazy on exactly what to use that will look reasonably good on all devices and browsers >= IE8. I think I should create the following: ICO favicon.ico (32x32) PNG favicon.png (96x96) Tile Icon tileicon.png (144x144) Apple Touch Icon apple-touch-icon-precomposed.png (152x152) based on this https://github.com/h5bp/html5-boilerplate/issues/1367 ...and then use this

Other than the fact that PNG is a more common image format, is there any technical reason to favor favicon.png vs. favicon.ico? I'm supporting modern browsers which all support PNG favorite icons. Amber Answer replaced (and turned Community Wiki) due to numerous updates and notes from various others in this thread: ICOs and PNGs both allow full alpha channel based transparency ICO allows for backwards compatibility to older browsers (e.g. IE6) PNG probably has broader tooling support for transparency, but you can find tools to create alpha-channel ICOs as well, such as the Dynamic Drive tool