Understanding the Favicon

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

About Walter Wimberly

I taught full time for about 7 years, before going back into “industry”. I currently am a Software Developer (III) for a local company in Central Florida. I work with mainly web based projects as a full stack web developer. I code in JavaScript/jQuery on the front end, and PHP, ASP/ASP.Net on the backend.

I adjunct teach web and digital media classes.

When not working full time, or teaching, I also freelance as a web developer for small businesses. In addition to the web development, I have worked with Databases, Web Analytics, and a few other areas.