Single Blog

Use a Favicon

7 May, 2014, Written by 0 comment

What’s a favicon and why should you use one? A favicon is that little icon in the left of your browser tab. When you bookmark a site, this icon also appears in your bookmarks list.

Why use one? The same reason you need a decent logo:

1) To look professional

2) Branding

How to do it? First, best practice is to put the following two lines of code in the <head> section of your website HTML.

  1. <link rel=”shortcut icon” href=”favicon.ico”>
  2. <link rel=”icon” type=”image/ico” href=”favicon.ico”>

Note: The second line is to help out decrepit IE7 browsers.

Second, go to GenFavicon or some other free online favicon generator, upload an image, crop it to 16px by 16px, then download the generated .ico format file.

Finally,  upload your .ico image to the root directory of your site and you should be good to go.

Sometimes you won’t see the change right away due to browser caching.

favicons