![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
How and where to create a tile/icon on my www.site which is larger than the normal favicon for firefox tabs?
Below, see 2 tiles of my firefox page with tabs. To the right, is the icon/tile like I would like to have my icon/tile, too. On the left, ist a icon/tile which looks not nice and is just a screenshot with a favicon put on it.
HOW (and I searched the internet all day long for a solution) do I do it? What do I have to put in my website to get such a nice version of a big-tile-icon? I have dozens of icons in my root already, for apple and such, that does not seem to help.
Thanks for any help.
Chosen solution
I created a giant new icon for https://www.userchrome.org/ and it was picked up in a test profile. Not so for my main profile. I don't want to flush all my history to see whether that fixes it; I'll just live with the thumbnail + favicon.
Test profile:
<center>![](https://prod-cdn.sumo.mozilla.net/uploads/images/2018-06-05-12-29-11-84784a.png)
All Replies (6)
I found a couple threads here:
- https://webmasters.stackexchange.com/questions/111355/how-to-make-a-large-icon-appear-in-firefoxs-new-tab-top-sites
- https://stackoverflow.com/questions/48231953/how-firefox-creates-the-website-tiles-in-new-tab
However, I haven't tested it myself.
Thanks for the stack-overflow and consecutive github-links. I checked the theories concerning - large favicon (size 96x96px or larger) which seems the easiest and most feasible solution.
I do have a variety of large icons (linked to my root), but still no large tile/icon visible on the firefox tabs. All tested. And cleared cache, tested again. To no avail. I'm frustrated.
Chosen Solution
I created a giant new icon for https://www.userchrome.org/ and it was picked up in a test profile. Not so for my main profile. I don't want to flush all my history to see whether that fixes it; I'll just live with the thumbnail + favicon.
Test profile:
<center>![](https://prod-cdn.sumo.mozilla.net/uploads/images/2018-06-05-12-29-11-84784a.png)
Your quick made icon does not look so bad, either. Is this the whole code?
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/png" sizes="256x256" href="/img/Fxcss_256.png">
And yes, I might just have to live with thumbnail and favicon. (And just cry a little bit over my incapability... ). Thanks for your help.
Yes, those are the two tags, the older one and the newer one.
@jscher2000. I tried. I succeeded. 256x256px blastet everything else away. Nice.
I have to quote My Fair Lady (you may sing along....): Henry: Give credit where it's due, A lot of the glory goes to you. Pickering/Kichererbse: But you're the one who did it, Who did it, who did it! As sturdy as Gibraltar, Not a second did you falter. There's no doubt about it, You did it! I must have aged a year tonight. At times I thought I'd die of fright. Never was there a momentary lull... You DID it!
(Spaß muss sein!) Thanks again.