Set favicon in different browser

we have seen most of the site has favicon which describe the additional information about the site , Addition in the scene it could be logo,company Profile, company production,web site application, and so many .

now how can u do this ?
its very simple to do , just u need to add some line’s of code and be ready with small icon image, u can also add animated image in fevicon

add this part in between <head> </head> Section. Please try to use relative icon type like  type=”image/ico” for .ico image.

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

now some time this code will not work on most of the Browser like IE old version
in this case u can add this line

<link rel=”shortcut icon” href=”images/favicon.ico” type=”image/vnd.microsoft.icon” *gt;

we can use this also for IE:

<!--[if IE]>
    <link href="images/favicon.ico" type="image/x-icon" rel="shortcut icon" />
<![endif]-->

Finally ConvertICO can help to convert png image to ico image.

Hope this will help the beginners who just started their journey in web development.

Happy’s coding 🙂

Advertisements