-1
<head>
<link rel="icon" type="image/png" href="/anime_logo/favicon32x32.png" size="32x32">
<link rel="shortcut icon" type="image/png" href="/anime_logo/favicon32x32.png" size="32x32">
</head>

my site icon is work only in firefox. how will i change this in order to work to all browser. Please help

H101
  • 5
  • 6
  • 2
    Possible duplicate of [How to add a browser tab icon (favicon) for a website?](http://stackoverflow.com/questions/4888377/how-to-add-a-browser-tab-icon-favicon-for-a-website) – j08691 Mar 20 '17 at 14:17

2 Answers2

0

Add the following link along with your existing one:

<link rel="icon" type="image/png" href="/anime_logo/favicon32x32.png" sizes="32x32">

so now your markup becomes like this:

Note - I've replaced the size with the sizes attribute.

<link rel="shortcut icon" type="image/png" href="/anime_logo/favicon32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/anime_logo/favicon32x32.png" sizes="32x32">
Ousmane D.
  • 54,915
  • 8
  • 91
  • 126
0

You need several icons to support all browsers:

  • Classic, desktop browsers, which display a small icon in tabs.
  • Mobile browsers, which use high definition icons for bookmarks and "add to home screen" use case.
  • Modern Windows IE and Edge, which use specific icons for the Metro UI.
  • macOS Safari uses a specific, monochromatic icon for pinned tabs and Touch Bar for most recent MacBooks.

There are basically to ways to address all these use cases:

  • Tool assisted: you can use RealFaviconGeneator, which generate all the icons and HTML code you need. Full disclosure: I'm the author of this site.
  • Manually: The Favicon Cheat Sheet is an excellent resource.
philippe_b
  • 38,730
  • 7
  • 57
  • 59
  • i found too many sizes for icon but what's the common size that everyone use. – H101 Mar 20 '17 at 20:23
  • This question will give you some insights: http://stackoverflow.com/questions/27612244/minimum-viable-favicon-code/27627807 However, in my opinion, you can use the code generated by RealFaviconGenerator (and this is great, because I wrote it :) ). It is light, yet it supports all platforms and use cases. – philippe_b Mar 20 '17 at 20:27
  • 1
    ahh I've check your site.. I think it will help me in converting icon. – H101 Mar 20 '17 at 20:32