You may have noticed the very small icon in your browser address bar as you visit some websites. This is called a favicon as in "favorites icon". When you bookmark a site, the tiny logo, or favicon, remains next to the listing in your favorites as a reminder of the website.

These are not complicated to create and add to your website. You can easily create a JPG in Paint if you don't have a graphics editor, and then you will need to convert it to the ico extension. Fortunately, there's a free resource for doing just that at www.chami.com.

From their browse button search your My Documents folders for the graphic and then select "Create Favicon" to have yours done instantly. Their page displays the favicon as it will appear on your page. Download the zip file, extract the new favicon, and then upload it to your server. You will need to add a line of code to your META tags on every page in order for the favicon to actually appear.

For HTML use <link rel="shortcut icon" href="favicon.ico">
For XHTML use <link rel="shortcut icon" href="favicon.ico" />

Upload your revised files and check your site. You may need to do a hard refresh CTRL-F5 to see it.



TAGS: advice website design favicon

Labels: advice, general, reviews, websites