Як відображаються піктограми для "найкращих сайтів" на новій вкладці Firefox?


1

Коли я відкриваю нову вкладку у firefox, я отримую найпопулярніші сайти на основі моєї історії або на основі того, що я вибрав для показу.
Тут відображається один рядок із цього списку найкращих веб-сайтів.
Деякі з них просто прямокутні (наприклад, yahoo finance, lichess.org), а деякі мають менший прямокутник в нижньому куті (наприклад, новини Google, Yahoo Mail).
Деякі - це просто одна початкова літера (наприклад, N), а деякі мають відповідний фавікон (наприклад, Y, whatsapp, lichess.org).

Чому такий непостійний сорт?
Чому Firefox по-різному ставиться до різних сайтів?

Один ряд найкращих сайтів на новій вкладці Firefox

Відповіді:


1

Схоже, це базується на розмірі веб-сайту, що надається веб-сайтом. За допомогою фавікону розміром 48 x 48 пікселів я побачив маленьку піктограму внизу, але вона змінилася на більшу, коли я оновив фавікон до 512 x 512 пікселів png.


+1, спасибі за вклад; хоча він не відповідає повністю на це запитання, він дає деякі можливості вивчити
Прем.

1

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

Чому команда розробників Firefox вирішила, що це найкращий спосіб представити веб-сайти, я ніколи не знаю. Але результат полягає в тому, що веб-сайти, на яких не розміщено цю піктограму мобільних додатків, представлені як знімок веб-сайту, а фавікон веб-сайту розташований у правій нижній частині ескізу знімка.

Отже, все зводиться до того, чи створений веб-сайт таким чином, щоб він відображався як додаток у мобільному користуванні. Сподіваюся, це допомагає зрозуміти це - навіть якщо це смішний вибір дизайну.


Ласкаво просимо до StackExchange! Крім того, дякую за гарну відповідь, яка звучить правильно, але було б чудово, якби ви могли надати для цього якусь посилання.
Прем

1
Не впевнений, як це зробити з цим інтерфейсом, і, оскільки я не знаю жодної детальної документації, яку Mozilla випустила на цю тему. Я веб-розробник, що має понад десятиліття досвіду роботи, тому моє знання про структурування веб-сайтів та практичне розуміння було б «посиланням».
Кеній

Я знаю, що ви маєте на увазі, але наразі тут є дві відповіді, і відвідувачі цього питання не мають змоги зрозуміти, що правильно. Веб-посилання (на деяку Документацію або коментар до вихідного коду) підтримуватиме відповіді.
Прем

Мені буквально не дозволено коментувати іншу відповідь (і особисто я вже ненавиджу цю платформу). Фаворит PNG з розміром 512 пікселів не відображатиметься належним чином у старих веб-браузерах, у яких очікується, що файл ICO містить зображення 16, 32 та 48 пікселів, як це було стандартним давно. Ознайомтесь з додатковим контекстом: en.wikipedia.org/wiki/Favicon Ви отримаєте кращу сумісність зі стандартним ICO-фавіконом та великим піктограмою PNG для мобільних пристроїв (touch), визначеним у метатезі.
Кеной
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.