Customise Your Website Icon
You are able to customise your websites icon by using a favicon.ico file. Web browsers will check to see if your website has a Favourites Icon, this icon allows your users to easily identify your site from another in their list of favourites. More modern browsers like IE 7, Firefox and Chrome show the icon in their tabs for easy identification.
This is what a favicon looks like in your browser:
Ben Web Developer uses an image that is 16px*16px and was created in Adobe Photoshop. I generated the favicon file using Dynamic Drive. However there are a few sites that give you the tools to create this file:
- Dynamic Drive
“Use this online tool to easily create a favicon (favorites icon) for your site. A favicon is a small, 16×16 image that is shown inside the browser’s location bar and bookmark menu when your site is called up. It is a good way to brand your site and increase it’s prominence in your visitor’s bookmark menu.” - Favicon.co.uk
“This tool will allow you to generate a favicon.ico file from any image on your computer.” - Favicon.cc
“Favicon.cc is a tool to create or download favicon.ico icons, that get displayed in the address bar of every browser.”
Once you have generated your favicon.ico file, you will need to upload it to http://www.yourdomain.com/favicon.ico, your favicon should work straight away. However if it doesnt work or if you have stored your favicon in a different file path then you will need to add the following XHTML code into your <head> section:
<link rel="shortcut icon" href="http://www.yourdomain.com/path/favicon.ico" />Alternatively you can use the HTML code:
<link rel="shortcut icon" href="http://www.yourdomain.com/path/favicon.ico"><link/>If your website audience is using Internet Explorer 6 or lower then you may want to include the shortcut icon meta data.
No related posts.
Category: Images
Give your website an icon…
Personalise your users experience with the use of a favicon.ico file using HTML or XHTML……