Inserting a favicon.ico code to HTML web page.. why and how?
A letter to an eligible designer..
Can you please check whether the use of favicon has been passed compatibility issues? Currently, the web pages have the following link elements –
<link rel=”icon” type=”image/icon” href=”http://www.example.com/system/application/images/favicon.ico”>
<LINK REL=”SHORTCUT ICON” href=”http://www.example.com/system/application/images/favicon.ico”>
Conventionally, the default favicon.ico file has to be at the root of website since browsers will go looking for the file there by default. However, which is not the case here. The favicon.ico file is not at the website’s root. That’s why I’m enquiring. I prefer to have the above two link elements in the following manner respectively –
<link rel=”icon” href=”/favicon.svg” type=”image/svg” />
<link rel=”shortcut” href=”/favicon.ico” type=”image/x-icon” />
Here, we can consider a designer’s thought as well in order to take informed decision.
Reply from an eligible designer..
There is no need of two links for favicon icon. The (rel=”shortcut icon”) support in all browsers just we need to add type=”image/icon” which is missing currently in the link. Please use following corrected link for the site.
<LINK REL=”SHORTCUT ICON” type=”image/icon” href=”http://www.example.com/system/application/images/favicon.ico”>
So, are you fine with this?
NB: Stay careful while adding favorite.ico icons to the website!