От автора: пришло время переосмыслить то, как мы готовим набор иконок для современных браузеров, и остановить безумие генераторов иконок. В настоящее время разработчикам интерфейсов приходится иметь дело с более чем 20 статическими файлами PNG для отображения крошечного логотипа веб-сайта во вкладке браузера или на сенсорном экране. Читайте дальше, чтобы узнать, как применить более разумный подход и принять минимальный набор иконок, ...

От автора: вы должны использовать SVG-фавикон. Они поддерживаются во всех современных браузерах уже сейчас. Кроме того, вам, вероятно, не нужны все эти ссылки и размеры иконок, которые вы копируете из проекта в проект. Давайте выясним, какой абсолютный минимум нам требуется. Иконка Основной иконкой может быть SVG любого размера. Тип type=»image/svg+xml» не нужен. <link rel="icon" href="favicon.svg"> Mask-icon Для Safari все немного ...

От автора: раньше иконки для сайта были такими легкими. Простой растровый favicon.ico 16х16 пикселей. Это как знак препинания в конце проекта. Для разработчика это эквивалент завершения предложения с восклицательным знаком или точкой. Так было раньше. Но за прошедшие 20 лет все изменилось. Что такое favicon? Favicon – это маленький значок, помогающий идентифицировать страницу. Это часто забываемая концепция бренда для сайта. ...