Creating Favicons

Creating and using Favicons , the 16x16 pixel images used in the address bar or browser tab and bookmarked favourites list.

Design a logotype or photographic image that will work as a tiny square, then upload a jpeg version and receive a zipped version in favicon.ico format, perhaps with an animated .gif variant for Firefox users (they will see the static .ico version otherwise).

You can also create a larger apple-touch-icon.png that iPad and iPhone users can add to their home screen as a shortcut to your Web site that looks like an App.

favicon.co.uk for more information.

Once you have your favicon.ico and perhaps an animated_favicon.gif and an apple-touch-icon.png for Apple iOS devices, you need to place them in your site root folder next to your index.html homepage. You also have to remember to upload the icons to your hosting server and to paste the following code on your index page, just under the title metatag in the head: