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.

Link to Article

Understanding the Favicon was originally found on Access 2 Learn

Assistant Professor

Walter Wimberly is an Assistant Professor at a regional college in Tennessee, teaching Computer Science in the Software Engineering track. He works as a student advisor, oversees curriculum changes, develops new courses, and manages the advisory panel.
Walter taught full time for about 7 years, before going back into “industry” as a full stack Software Developer for a dozen years. There he focused on web based projects coding in JavaScript/jQuery and utilizing the Bootstrap CSS Framework on the front-end, and coding in PHP, ASP/ASP.Net, SQL on the back-end.

Since he loves teaching, he taught as an adjunct web and digital media classes for eight (8) years, while working in industry, and has since returned to teaching full time.

He has been married for over 25 years, and is father to several special needs boys. As such, he is working on some projects to help others who have special needs to be self-sufficient, and support the care givers of those with special needs. Check out his Autism blog for more info.

Similar Posts