Missing Chrome Android homepage favicon

Resolved

(@gezginrocker)

Hello,

First of all thanks for this nice plugin. I’ve noticed that, when I visit some sites at Android Chrome, their icon is being displayed at homepage afterwards.

I’ve also noticed that my site’s icon is normally not displayed, but when I login to my site, the icon is then displayed.

But for example Skyscanner’s icon is displayed at homepage. I’ve looked at the code of the page, I’ve seen the line and its content below. It’d be very nice if you can also add Android Chrome icons like this as well. Thanks

<link rel="manifest" href="/android-chrome-manifest.json">
{
	"name": "Skyscanner",
	"icons": [
		{
			"src": "\/framework/images/icons/android-chrome-36x36.png",
			"sizes": "36x36",
			"type": "image\/png",
			"density": "0.75"
		},
		{
			"src": "\/framework/images/icons/android-chrome-48x48.png",
			"sizes": "48x48",
			"type": "image\/png",
			"density": "1.0"
		},
		{
			"src": "\/framework/images/icons/android-chrome-72x72.png",
			"sizes": "72x72",
			"type": "image\/png",
			"density": "1.5"
		},
		{
			"src": "\/framework/images/icons/android-chrome-96x96.png",
			"sizes": "96x96",
			"type": "image\/png",
			"density": "2.0"
		},
		{
			"src": "\/framework/images/icons/android-chrome-144x144.png",
			"sizes": "144x144",
			"type": "image\/png",
			"density": "3.0"
		},
		{
			"src": "\/framework/images/icons/android-chrome-192x192.png",
			"sizes": "192x192",
			"type": "image\/png",
			"density": "4.0"
		}
	]
}

https://wordpress.org/plugins/favicon-by-realfavicongenerator/

Viewing 6 replies - 1 through 6 (of 6 total)

Plugin Author phbernard
(@phbernard)

7 years, 10 months ago

Hi,

Thank you for your feedback!

I reviewed Skyscanner’s code and apparently they created their icons with RealFaviconGenerator. So you should be able to get exactly the same outcome.

Could you give me the URL of your site so I can review it? (I don’t need to login, so no need for a login/password)

An hypothesis: if your site is somehow “closed” (you absolutely need credentials, else the site is nothing but a plain login page), you probably used a plugin for this. Chances are that the plugin somehow disables the other plugins regarding the login page. This often happens for plugins that hide your site before the “grand opening”, which is a different-yet-similar scenario.

Thread Starter gezginrocker
(@gezginrocker)

7 years, 10 months ago

Yes, probably Skyscanner also used RealFaviconGenerator. But as I said before, they have an extra line pointing to “android-chrome-manifest.json”. And there are different sized android-chrome icon definitions at that json file. RealFaviconGenerator doesn’t generate those.

Anyway, my sites are taylandgezi.com & baligezi.com.

Thanks

Plugin Author phbernard
(@phbernard)

7 years, 10 months ago

Oh, sorry, I didn’t realize the manifest in your first message wasn’t from RealFaviconGenerator. I’m so familiar with its “shape” that I automatically assumed it was.

Okay, apparently you removed the declaration of Skyscanner’s manifest, which was the right thing to do. Android Chrome should display your icon properly now (https://realfavicongenerator.net/favicon_checker?site=www.taylandgezi.com&ignore_root_issues=on).

Thread Starter gezginrocker
(@gezginrocker)

7 years, 10 months ago

I think you got me wrong again. I’ve never put Skyscanner’s manifest to my site.

What I’m trying to tell you is, probably because of that manifest Skyscanner is working correctly on Chrome Android. So I was suggesting you to add something similiar to RealFaviconGenerator as well.

Plugin Author phbernard
(@phbernard)

7 years, 10 months ago

Damn, I usually understand support request at first reading, sorry 🙁

Right now, the manifest is present and declared for both taylandgezi.com and baligezi.com. (http://www.taylandgezi.com/wp-content/uploads/fbrfg/manifest.json and http://www.baligezi.com/wp-content/uploads/fbrfg/manifest.json). The declarations look just fine and were apparently added by RealFaviconGenerator itself, as expected. This is a generic feature of RFG, nothing fancy.

I added the sites to the home screen of my Android phone and it works: I get nice looking icons.

After this review my feedback is that your sites are well configured and you can expect the same behavior as Skyscanner, which uses the same kind of material.

What about the issue you mention in the first place? (“I’ve also noticed that my site’s icon is normally not displayed, but when I login to my site, the icon is then displayed.”) This is not normal. However, this may be due to a caching issue. Most browsers are often annoying regarding favicon and caching. So if you visited your site when the icon was not configured yet, maybe your browser saved this setting and didn’t care to refresh it, even after you configured the favicon. This behavior can be very confusing and my best advice here is to use another device. Borrow a colleague’s phone for a minute and visit your sites: they should be alright.

Plugin Author phbernard
(@phbernard)

7 years, 3 months ago

This issue is still pending, so I close it for now. Please open it again if there are any news.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Missing Chrome Android homepage favicon’ is closed to new replies.