Как отображаются иконки для "лучших сайтов" в новой вкладке Firefox?

Question

Когда я открываю новую вкладку в Firefox, я получаю лучшие сайты на основе моей истории или на основе того, что я выбираю для показа.
Одна строка из этого списка самых популярных сайтов показана здесь.
Некоторые просто прямоугольные (например, yahoo finance, lichess.org), в то время как другие имеют меньший прямоугольник в нижнем углу (например, новости Google, почта Yahoo).
Некоторые из них являются просто одной начальной буквой (например, N), в то время как другие имеют соответствующий значок (например, Y, WhatsApp, lichess.org).

Почему такое противоречивое разнообразие?
Почему Firefox по-разному относится к разным сайтам?

Answer 1

Похоже, что это основано на размере иконки сайта. С иконкой 48 x 48 пикселей я увидел маленькую иконку внизу, но она изменилась на большую, когда я обновил мой favicon до 512 x 512 пикселей png.

Answer 2

Firefox использует значки мобильных устройств для веб-сайтов для отображения больших значков, которые устанавливаются дизайнером / владельцем веб-сайта в заголовке (главном разделе) веб-сайта с помощью мета-тегов - первоначально предназначенных для сохранения / закладки веб-сайта на мобильное устройство, чтобы показать как значок приложения.

Почему команда разработчиков Firefox решила, что это лучший способ представлять сайты, я никогда не узнаю. Но в результате веб-сайты, на которых отсутствует значок этого мобильного приложения, представлены в виде снимка веб-сайта, а значок сайта в правом нижнем углу уменьшенного изображения снимка.

Таким образом, все сводится к тому, был ли веб-сайт разработан для использования в качестве мобильного приложения. Надеюсь, это поможет понять это - даже если это нелепый выбор дизайна.