Website logo in express panels of Opera, FireFox and other browsers - how?

Question

Opera

Now Yandex.Browser has a wonderful Tableau API and in the new Yandex.Browser, you can change the top and bottom panels to match the style of the site (color / transparency). Everything is ok with Yandex.Browser: I added a couple of lines to the site code according to Yandex requirements and voila!
But what about Opera and Mozilla? There are also some kind of visual bookmarks. When you add a site to the express panels of these browsers, a mini-screenshot of the site page appears, but on some sites, instead of a screenshot, a logo is displayed, which, of course, looks better and is perceived by the audience more clearly:

I believe that there is an API somewhere, but not on Opera, I did not find it in Mazil. Who faced, help, pliz.

Answer 1

habrahabr.ru/post/115705

Answer 2

Hello. The API is not an API, but this is all clearly done on the side of the site . Why not see how it is done on the side of the same MEGOGO.NET? Go through everything they have there in HEAD, etc.

Answer 3

I was also interested in this question and have not yet found the answer. There is an assumption that the link to the logo is given in the server response headers. You won't see it in the code. What was written in the article on Habré does not work. Manipulations with favicons for different devices do not solve this problem either. There is no information in the browser API.
I have a list of sites that give a logo instead of a screenshot - not only large portals are among them, so it's definitely not the browser developers who do it. If I find something, I'll post it.