Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Este fío arquivouse. Faga unha nova pregunta se precisa axuda.

Firefox is not displaying the favicon I expect. Is there a specification for this?

  • No replies
  • 1 has this problem
  • 1 view
b2bdd
b2bdd
more options

I am using Firefox Developer Edition, version 57.0b3 64 bit. I noticed that some websites that I am developing were not displaying the favicon that I expect, whereas all other browsers I checked are displaying the correct one. I created a test page with these four icons in the head section: 

 <link rel="apple-touch-icon" sizes="180x180" href="red.png">
 <link rel="icon" type="image/png" href="yellow.png" sizes="32x32">
 <link rel="icon" type="image/png" href="green.png" sizes="16x16">
 <link rel="shortcut icon" href="favicon.ico">

After testing with this page, I discovered that the Developer Edition is choosing the largest icon it sees, which in my case is the 180x180 png image labeled as apple-touch-icon. When I remove this from the head section, the browser chooses the next largest icon, the 32x32 png. I would expect the browser to choose one of the smaller icons, either the one labelled 16x16, or the one named favicon.ico, since larger icons are sometimes different, or at the least, feature more detail. I would guess that this is a bug, since other browsers, including regular Firefox, show the correct favicon. Does the latest version of Firefox have a new specification for favicons? How can I fix this?

I am using Firefox Developer Edition, version 57.0b3 64 bit. I noticed that some websites that I am developing were not displaying the favicon that I expect, whereas all other browsers I checked are displaying the correct one. I created a test page with these four icons in the head section: <link rel="apple-touch-icon" sizes="180x180" href="red.png"> <link rel="icon" type="image/png" href="yellow.png" sizes="32x32"> <link rel="icon" type="image/png" href="green.png" sizes="16x16"> <link rel="shortcut icon" href="favicon.ico"> After testing with this page, I discovered that the Developer Edition is choosing the largest icon it sees, which in my case is the 180x180 png image labeled as apple-touch-icon. When I remove this from the head section, the browser chooses the next largest icon, the 32x32 png. I would expect the browser to choose one of the smaller icons, either the one labelled 16x16, or the one named favicon.ico, since larger icons are sometimes different, or at the least, feature more detail. I would guess that this is a bug, since other browsers, including regular Firefox, show the correct favicon. Does the latest version of Firefox have a new specification for favicons? How can I fix this?