Что такое favicon
Favicon — маленькая иконка сайта, которая показывается на вкладке браузера, в закладках и на главном экране смартфона. Инструмент создаёт favicon из вашей картинки в нужных размерах, чтобы иконка хорошо выглядела везде.
Создайте набор favicon разных размеров из одного изображения.
Лучше всего подходит квадратное изображение от 512×512 пикселей.
Favicon — маленькая иконка сайта, которая показывается на вкладке браузера, в закладках и на главном экране смартфона. Инструмент создаёт favicon из вашей картинки в нужных размерах, чтобы иконка хорошо выглядела везде.
Браузеры и устройства используют разные размеры иконки — от 16×16 на вкладке до 180×180 для iOS. Генератор готовит набор и подсказывает, как подключить его в HTML. Простая, контрастная иконка читается лучше всего в малом размере.
Минимум 16×16 и 32×32 для вкладки, а также 180×180 для iOS и 192×192 для Android. Генератор готовит нужный набор.
Простую и контрастную: логотип или одну букву. Мелкие детали в размере 16×16 неразличимы.
Поместите файлы в корень или папку сайта и добавьте теги link в секцию head — генератор показывает готовый код.
Линейные градиенты с предпросмотром.
CSS-тени с живым предпросмотром.
Скругление углов с предпросмотром.
Контраст цветов по стандарту WCAG.
Оттенки и тона из базового цвета.
Раскладка flex с предпросмотром.