Создание и настройка favicon в Jekyll и не только

Как вы видели мой блог немного поменялся. Увез я свой блог с хостинга и ушел с CMS Эгея претензии к Эгеи у меня нет, но давно руки чесались попробовать систему статической генерации сайтов. И я выбрал Jekyll.

Держать хостинг ради одного блога смысла уже нет, вот и уехал на Jekyll+GitHub Pages. Позже напишу гайд как все это просто и удобно завести, но для начала доковыряю шаблон сайта у себя и потом уже подготовлю гайд для вас. Вот взялся сделать корректный favicon который будет хорошо смотреться во всех местах где он используется.

Генерируем корректные favicon

Для удобства генерации favicon и его проверки на сайтах существует ресурс realfavicongenerator.net

Создаем favicon

  • переходим на сайт и загружаем нашу будущий favicon нажатием на Select your Favicon image загружаем ваш favicon
  • настраиваем отображение favicon в разных системах настраиваем отображение

  • В секции Favicon Generator Options указываем путь до ваших favicon указываем путь
  • Скачиваем архив и копируем код который необходимо будет нам указать на сайте

Загружаем favicon и прописываем их

  • загружаем наши картинки по пути /assets/images (ну больше для порядка)
  • указываем путь к ним в секции <head> (в моем случае основная страница генерируется из default.html)
  • проверяем работу наших favicon

Пам, вы восхитительны! Рекомендую этот ресурс даже у вас сайт не статический, а на любой CMS. Чай не вручную делать эти картинки.

Written on February 26, 2021