Как добавить Favicon на интернет магазин

В статье продолжаем рассказывать про настройку интернет-магазина. Сегодня поговорим о добавлении фавикона на сайт.

Фавиконка - значок, который отображается рядом с названием во вкладке либо при сохранении сайта в закладки. Цель фавиконки - привлечь внимание посетителя к вашему интернет-магазину. Это позволит в дальнейшем сделать ваш бренд узнаваемым и сэкономит время пользователя.

Разберем способы создания фавиконки.

Способы создания фавиконки для сайта

1. Скачать фавикон как готовое изображение с Favicon.by или с любого аналогичного сайта. Сохраните иконку и добавьте на сайт.
    
2. Сделать фавикон онлайн при помощи сервиса на сайте Favicon.by. Здесь вы можете выбрать любой цвет. Готовое изображение можно увидеть и скачать ниже в строке Ваш результат. Сервис бесплатный.
   
3. Создать фавикон из картинки на сайте Favicon.by. Загрузите изображение в поле Импорт из файла с компьютера или Импорт с сайта. Система создает фавиконку по вашему изображению. Старайтесь загружать изображения с минимальным количеством элементов и с невысоким разрешением.
    
4. Использование графического редактора, например, Adobe Photoshop. Загрузите логотип вашего интернет-магазина. Иконка должна быть квадратной, поэтому изображение обрезается. Далее удалите задний фон при помощи инструменты Волшебная палочка. Другой способ удаления фона - нажать Select, выбрать поле Color Range, кликнуть по цвету фона и установить допуск 30. Нажмите Ок и кнопку Delete. Не забудьте выбрать формат PNG. Размер установите 500 на 500 пикселей и сохраните фавиконку. 

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

Добавление фавиконки на сайт не требует усилий. Зайдите в настройки и загрузите ваше изображение. Не забудьте Сохранить. Теперь при загрузке вкладки вы увидите фавиконку рядом с названием вашего интернет-магазина.

Самый легкий способ это -  скачать готовый фавикон. Примеры создания фавиконки мы подробнее рассказываем в видео, представленном выше.