Create & display a favicon on your website / browser

You may have noticed that lots of websites now have their own custom icons displayed in the address bar of your browser.

There should be an image like this being displayed for this site. This is a great way to make your site more unique and is extremely easy to do.

1) Find the image that you want to use as your Favicon.
(for best results the image should be relatively square and not too complicated)

2) Goto

3) Browse to the image you want to use as your Favicon and click on Convert.

4) Save the image it creates for you (it must be called favicon.ico) and upload it to the root of your web directory.

5) Now edit your index.html in your favorite editor and add the following line between the head tags

<link rel="shortcut icon" href="favicon.ico" />
<link rel="shortcut icon" href="favicon.ico" />

6) Upload your modified index.html to your website.

NB: For the Favicon to be displayed
a) You may need to clear your browsers cache
b) Delete any bookmark from your favorites (if you have made one previously for your own site)
c) Reload your browser.

Print Friendly, PDF & Email

More Like This


Web Hosting


  • Post a comment