Что такое Favicon?

Favicon (сокращение от “favorite icon”) — это маленькая иконка, которая отображается во вкладке браузера, в панели закладок и в результатах поиска. Она помогает повысить узнаваемость вашего бренда и сайта среди пользователей.


Как создать Favicon?

Вы можете создать Favicon самостоятельно, используя один из бесплатных онлайн-инструментов, или доверить это дизайнеру, если дизайн более сложный. В этом посте рассмотрим, как это сделать с помощью бесплатного онлайн-сервиса.


1. Перейдите на сайт favicon.io и нажми на кнопку “Generator”.


2. Выберите текст (Text), который хотите отобразить, шрифт (Font Family), размер шрифта (Font Size) и цвета (Font & Background Color). В левом верхнем углу вы увидите предварительный просмотр своей Favicon. Когда результат вас устроит, нажмите “Download”. 



3. Скачается архивный файл формата .zip с Favicon иконками разных размеров и форматов. Распакуйте загруженные файлы.


Добавление Favicon на сайт

Рассмотрим, как добавить Favicon в интернет-магазин, созданный с помощью OpenCart.


1. Войдите в административную панель своего магазина. Перейдите в раздел “System” → “Settings” и нажмите на значок карандаша, чтобы отредактировать информацию о сайте.


2. Перейдите во вкладку “Pictures”, найдите иконку, нажмите на карандаш и загрузите ранее скачанный файл в размере 32x32 px. После этого нажмите “Сохранить”.


3. Удалите кэш браузера. Откройте браузер и перейдите в "Settings" → "Privacy" → "Manage website data". Найдите данные своего сайта и удалите их. Перезапустите браузер и снова откройте свой сайт. Теперь Favicon должна отображаться. Если она не появилась сразу, возможно, стоит немного подождать и попробовать снова. Убедитесь, что иконка отображается во всех браузерах и на разных устройствах.


Поздравляем с успешно созданной Favicon! Если хотите более профессиональный вариант иконки или у вас не получилось всё настроить — не стесняйтесь, свяжитесь с нами.