64×64 – Safari Reading List, Windows site icons
24×24 – Pinned site in Internet Explorer 9
32×32 – High DPI or “retina” displays will typically use this size
16×16 – Browsers like Chrome, IE, Safari
To make a favicon, create each of the image sizes with a tool like Photoshop Elements. Then combine the images into a file with an .ICO extension using a tool such as X-Icon Editor.
A good site to find lots of free favicons is Free Favicon.
The favicon should be stored in a favicon.ico file in the foot directory of your web site. To use the favicon, add the following tag between your <head> and </head> tags of your web site.
<link rel="shortcut icon" href="/favicon.ico">
See an example favicons in use at TravelPhrase.
No comments:
Post a Comment