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

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

Пример в видео - интернет-магазин игровых компьютеров.

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

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

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

  1. Скачать фавикон как готовое изображение с Favicon.by или с любого аналогичного сайта. Сохраните иконку и добавьте на сайт.
     
  2. Сделать фавикон онлайн при помощи сервиса на сайте Favicon.by. Здесь вы можете выбрать любой цвет. Готовое изображение можно увидеть и скачать ниже в строке Ваш результат. Сервис бесплатный.


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

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

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

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

Сделайте первый шаг
Выберите готовый шаблон сайта и запустите свой интернет-магазин уже сегодня
Начните бесплатно