What is a favicon?
A favicon (the name is short for “favourites icon”) is the 16×16 pixel square icon
displayed in your web browsers’ address bar, browser tabs and next to your bookmarks, e.g…
Why have a favicon?
A favicon isn’t a killer necessity for your website, however what it does do is ensure…
- You maintain consistent branding
- You portray a professional image to visitors (and by association you are trustworthy)
- Your site stand outs in bookmarks & tabs increasing likelihood of being re-visited
- You make life easier for people who are heavy multi-tab users
How to create a favicon
If you have a copy of the open source software ‘Gimp’ you can create and save an image as a ‘.ico’ file to use as a
favicon. If you want a quicker way of creating one there are countless free generators such as this free favicon
generator from Dynamic Drive or http://favicon-generator.org/ or http://www.favicongenerator.com/
Once you have your image, the easiest way to set up your favicon is to name it
“favicon.ico”, upload it to your website’s root directory and let the browser (Firefox, IE, Safari etc) find it and
they will then automatically display it. However, if you would prefer to add the necessary code you can use this in
between your tags… //<head> tags…
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
If you use Xsitepro - follow these
instructions:
Convert an existing logo image file (.jpg, .gif etc.) into the 'favicon.ico' by using an
online generator;
http://www.favicongenerator.com/
You will then need to open XSitePro and go to the Other tab, open Resource Manager and add
the 'favicon.ico' file to the ROOT FOLDER.
Next you will need to go to the Global Scripts (still in the Other tab). Go to the 'In the HEAD section of the
page' tab and insert the following script;
<LINK REL="SHORTCUT ICON" HREF="http://www.yourdomain.com/favicon.ico">
| 
