Ankit Ladhania Ankit Ladhania - 6 months ago 55
CSS Question

html favicon link tags not working chrome

I see the icon in Firefox but in chrome its missing is there any problem in the html

<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="favicon.ico"/>
<link rel="shortcut icon" type="icon" href="favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
<link rel="icon" type="image/png" href="favicon.png">


Please help need it urgently tell me one thing that does the dimension of the file matters or not as my icon's dimension is 20 X 20

Answer

Your favicon should be a 16x16 .ico file. Place icons in the root directory of your site. Link with:

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />

Note: Chrome and IE require the image be 16x16 and will not show favicons for local files. Make sure to clear the cache to test changes.

This was covered in this SO question.

Comments