Генератор фавиконов — быстрая генерация иконок и установка их на MODX

favicon generator SEO

У меня уже была статья: Подробное руководство по фавикону где я рассказывал: что это такое, где искать изображения для иконок и т.д. В рамках данного урока чисто практика: генерация иконок под различные устройства и браузеры при помощи сервиса real favicon generator.

Для создания идеальных иконок: нам нужна качественная квадратная иконка, желательно png (не менее 260x260px), а в идеале SVG.

Автогенерация иконок из SVG, PNG, JPG картинок и кода для вставки на сайт

Идем на сайт realfavicongenerator.net, в правом углу жмем по кнопке «Select your Favicon image» выбираем заранее скачанное изображение или SVG иконку.

Выбор изображения для генерации иконок

После чего сервис откроет страницу с настройками иконок под различные устройства. На настройках останавливаться не буду, там все понятно, можно разобраться методом тыка. Остановимся на последней настройке «Favicon Generator Options» а конкретно на вкладке «Patch» — здесь рекомендую переключить его в положение «I cannot or I do not want to place favicon files at the root of my web site. Instead I will place them here:» и указать абсолютный путь до папку куда загрузите иконку, например иконки в моем случае будут храниться в «template/img/icons», следовательно путь указываем такой: «/template/img/icons», а еще лучше прям с протоколом и доменом, например: «https://web-revenue.ru/template/img/icons». После чего нажимаем на кнопку «Generate your Favicons and HTML code».

Указываем путь до иконок на сайте и генерируем для них код и пакет иконок

После чего сервис сгенерирует для вас пакет иконок и готовый для вставки на сайт код.

Готовые иконки и код

Скачиваем пакет иконок на ПК, нажав на кнопку «Favicon package» и копируем готовый код.

Установка иконок на MODX сайт

Открываем наш базовый шаблон base.tpl и вставляем ранее скопированный код в секцию head и сохраняем.

Установка кода иконок в MODX

Кто защел не из курса, у вас скорее всего какой-нибудь чанк с именем типа «head» или «tpl».

Ну и остается закачать архив в указанную папку и распаковать. Закачать можно прям из админки.

Загрузка архива с иконками

В принципе из под админки можно и распаковать

Понравилась статья? Можно поблагодарить автора: отправив ему донат на
YooMoney
или
Qiwi
. Либо поделившись статьей ☟
Поделиться с друзьями
Алексей

Веб-дизайнер и SEO оптимизатор. Занимаюсь созданием сайтов с 2010 года и их продвижение с 2012 года!

Оцените автора
( Пока оценок нет )
Web-Revenue.ru
Добавить комментарий