Настройка иконки favicon для сайтов на slaed
Как настроить иконки на сайте.
Создаём фавикон для современных и старых браузеров.
Рисуем иконки (три варианта на выбор).
- Заказываем у дизайнера,
- закачиваем картинку на онлайн сервис https://www.favicon-generator.org/ (либо другой - не принципиально) и скачиваем от туда результат,
- рисуем сами.
Загружаем иконки на сайт.
Фавикон с расширением ico кидаем в корень сайта.
Все остальные в папку templates/default/images/logos/
Создаём манифест
Создаём файл manifest.webmanifest со следующим содержимим
{
"icons": [
{ "src": "templates/default/images/logos/192.png", "type": "image/png", "sizes": "192x192" },
{ "src": "templates/default/images/logos/512.png", "type": "image/png", "sizes": "512x512" }
]
}
и закидываем в корень сайта. Туда же где и фавикон.
Добавляем ниже следующий код в блок head сайта
<link rel="icon" href="favicon.ico">
<link rel="icon" href="images/favicons/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="images/favicons/apple.png">
<link rel="manifest" href="manifest.webmanifest">
Dcё.





