The favicon is the image that appears in the browser’s address bar when you visit a site. While it was initially favicon.ico, did you know there are actually different favicon types out there? And of course, the browsers can’t handle them all well.
Therefore, we often run into problems. This article talks about how to solve some of those issues, especially for working around problems with IE 10 and Chrome/Safari.
If you want the short version:
Stick the ICO favicon in the root directory and use
<link rel="icon"> to assign the high resolution PNG favicon?
Want more information, follow the link below to see how you can get better looking favicons.