03
Jun
Posted by Nigel Ball as Web Tips
Tiny Url for this post: http://tinyurl.com/ceprsy
Have you noticed how some sites have their logo displayed in the address bar of your browser?
It will look something like this
This little icon is also used in the browser’s Bookmarks list and it helps to make the site stand out from all of the rest of the web sites in the world.
If your site doesn’t have a unique icon you can turn your logo (or a square variant of the logo) into a FavIcon and have your site send this out to browsers when visitors come to your site.
These are the steps to do this…
- Get, or make, a gif jpg or png image about 50×50 pixels in size. It’s best to use just a couple of colours in this image
- Head over to http://tools.dynamicdrive.com/favicon/ where you can submit your image to be converted.
- From there, download the Favicon file, it will be called favicon.ico
- Upload the .ico file to the root of your website
- Next, insert the below code in the HEAD section of your pages, at the very least, your site’s main index page:
<link rel="shortcut icon" href="/favicon.ico" />
- You’re done. Note that your favicon may not appear immediately after you’ve completed the above two steps. In fact, it may take a few days, and in IE, sometimes the favicon will disappear from time to time due to a browser bug.
If you cannot upload the .ico file or change your sites head code, just send it to your webmaster and ask him to install it for you.
Remember, it’s often the little touches, like this one, that add a professional look to your web presence.

RSS feed for comments on this post · TrackBack URI
Leave a reply