Firefox Top Sites Icon?

Hi,

Unfortunately, many browsers have some undocumented features like this one. In addition, I suspect some to have a predefined set of icons for famous sites (eg. Amazon, Google, etc.), so that when you see the “Top sites” screen, you have the feeling that your own icon could be here too.

So:

Which Firefox are we talking about? Desktop Firefox? Android Firefox?

Do you have an example of a site that is correctly displayed in this screen? Not a famous site. Ideally your customer told you that his competitor was displayed correctly => what’s the competitor site?

Thank you! It was on her desktop and I have an example that has one of her other not famous site’s icons as a large size (the green Matchback logo). https://www.dlcreativework.com/realfavicongenerator/

I have just added the favicon compatibility test as a Top site in Windows FireFox 61.0.1. FF picks the 180×180 Touch icon, which is a classic behavior.

I reviewed the source of https://synchronet.co/ homepage: apparently the site is not using RealFaviconGenerator’s plugin… I would *that* is the issue ??

Thank you Philippe – you’re right. For some reason I couldn’t get it to work on the site anymore. I don’t know what I did but I was getting this every time I tried to use the plugin:

Cannot find /wp-content/uploads/fbrfg/apple-touch-icon.png?v=https://synchronet.co/favicon.ico
The high resolution Touch icon is absent
There is no Touch icon
Image https://synchronet.co/apple-touch-icon.png is ill-formed
Image https://synchronet.co/apple-touch-icon-precomposed.png is ill-formed
There is no Touch icon in the root directory

Android Chrome
The Web App Manifest is declared
The Web App Manifest at /wp-content/uploads/fbrfg/site.webmanifest?v=https://synchronet.co/favicon.ico cannot be downloaded
The high resolution icon is absent
There is no icon for Android Chrome

Windows 8 and 10
Cannot find /wp-content/uploads/fbrfg/browserconfig.xml?v=https://synchronet.co/favicon.ico
Cannot find /wp-content/uploads/fbrfg/mstile-150×150.png?v=https://synchronet.co/favicon.ico
The Browser Configuration file is present
There is a tile icon for Windows

Mac OS X El Capitan Safari
The mask icon color is declared
Cannot find /wp-content/uploads/fbrfg/safari-pinned-tab.svg?v=https://synchronet.co/favicon.ico
The mask icon for Safari pinned tabs is absent

Classic, desktop browsers
favicon.ico is available in the root of your web site
There is an icon for classic browsers
favicon.ico is present
favicon.ico contains the highest resolution icon (48×48)
favicon.ico contains all icons of recommended sizes
/wp-content/uploads/fbrfg/favicon.ico?v=https://synchronet.co/favicon.ico is declared but not accessible
Cannot find /wp-content/uploads/fbrfg/favicon-32×32.png?v=https://synchronet.co/favicon.ico

Do you have any suggestions?

I put the icons in my root folder and now more are working but I still get these as missing:

iOS Safari
Cannot find /wp-content/uploads/fbrfg/apple-touch-icon.png?v=https://www.synchronet.co/favicon.ico

Android Chrome
The Web App Manifest at /wp-content/uploads/fbrfg/site.webmanifest?v=https://www.synchronet.co/favicon.ico cannot be downloaded
The high resolution icon is absent
There is no icon for Android Chrome

Windows 8 and 10
Cannot find /wp-content/uploads/fbrfg/browserconfig.xml?v=https://www.synchronet.co/favicon.ico
Cannot find /wp-content/uploads/fbrfg/mstile-150×150.png?v=https://www.synchronet.co/favicon.ico

Mac OS X El Capitan Safari
Cannot find /wp-content/uploads/fbrfg/safari-pinned-tab.svg?v=https://www.synchronet.co/favicon.ico
The mask icon for Safari pinned tabs is absent

Classic, desktop browsers
/wp-content/uploads/fbrfg/favicon.ico?v=https://www.synchronet.co/favicon.ico is declared but not accessible
Cannot find /wp-content/uploads/fbrfg/favicon-194×194.png?v=https://www.synchronet.co/favicon.ico

RealFaviconGenerator is up and running on the site now and some are working now but I’m still getting my last reply’s failure notices. Any idea why?

Hi,

Your icons work. It’s the favicon checker’s fault. You can safely forget about this issue.

Explanations: you apparently used the “versioning” feature of RealFaviconGenerator, probably because you are updating an existing site. When using this feature, RFG generates link suffixes such as v=Kmnm3OrjEy. This auto-generated suffix is just fine but if you want you can change it, which you apparently did. The problem is that you entered https://synchronet.co/favicon.ico as the value. Because this is a URL, the favicon checker is somehow misled when it tries to process a path such as /wp-content/uploads/fbrfg/favicon.ico?v=https://synchronet.co/favicon.ico (“what’s this https:// in the middle of the path?”) and fails. But the links themselves are correct and both Chrome and Firefox display your favicon.

If you really want to get the “full green” report when checking your favicon: please generate your favicon again, and this time leave the versioning values as they are (eg. v=Kmnm3OrjEy). Run the favicon checker again, it should pass.

If you only wanted to have your favicon up and ready: Do nothing. It works as it is, really.

Thank you so much for your attention! I really appreciate your help.

You’re welcome!!