Tutorial: How do I Create a Favicon?
DanITech | April 1, 2008![]()
What is a Favicon?
A favicon (the abbreviation for ‘favourites icon’ and also known as a shortcut icon) is a small logo that visitors will see in their browser’s address bar when they visit a website or when they add a site to their favourites. It is a great way to add brand recognition to a website and distinguishes a site from others when a visitor views their favourites menu.
FireFox support animated favicons and it is believed that other browsers will soon follow suit:
![]() |
Basic Tutorial: How do I create a Favicon?
- Create an image 16×16 pixels using your favourite graphic editor such as Photoshop, Microsoft Paint etc.
- To convert the graphic into an icon file, we recommend the following on-line tool:
- Upload the favicon.ico to the root directory on your webserver, you can verify that it has been uploaded correctly by typing: http://www.yoursite.com/favicon.ico (replace yoursite.com with your website’s address);
- Add the following code to the <HEAD> of your web pages (at the very least your home/index page):
<link rel="shortcut icon" href="favicon.ico" >




