1. aspro.ru
  2. Аспро: Курорт
  3. Первые шаги
  4. Фавикон и логотип

Фавикон и логотип


Логотип — важная часть имиджа организации и неотъемлемый элемент фирменного стиля. Логотип компании отображается над верхним меню в шапке сайта.

3dac35fb-7b5f-11f1-8fe4-fa163e2ff576

Фавикон — это маленькая иконка на вкладке браузера, которая отображается рядом с названием сайта.

f50d234e-7b5e-11f1-8fe4-fa163e2ff576

Фавикон может быть загружен в корень: Контент → Структура сайта → Файлы и папки. Если файл не загружен в корневую папку, то фавикон отобразится из папки цветовой схемы. 

f88d9fb8-7b5f-11f1-8fe4-fa163e2ff576

Чтобы загрузить логотип и фавикон в папку цветовой схемы, войдите в административную часть сайта и проделайте путь: Контент → Структура сайта → Файлы и папки → bitrix → templates → aspro-allcorp → themes. 

4799bfe7-7b60-11f1-8fe4-fa163e2ff576

Выберите папку с названием цветовой схемы, выбранной для сайта. 

276b8a0a-7b5e-11f1-8fe4-fa163e2ff576

Перейдите в папку images для загрузки лого и фавиконки. 

6a21859f-7b5d-11f1-8fe4-fa163e2ff576

98575692-7b5f-11f1-8fe4-fa163e2ff576

Начиная с версии 1.1.7, появилась возможность загрузки фавикона через модуль настроек. Также доступен формат SVG. Чтобы загрузить фавикон, войдите в административную часть сайта и проделайте путь: Настройки → Настройки продукта → Настройки модулей → Аспро: Корпоративный сайт.

cd2f0080-7b61-11f1-8fe4-fa163e2ff576

В разделе основных настроек найдите поле Favicon. Нажмите на кнопку «Добавить файл», чтобы загрузить изображение с компьютера. 

dfbe41ca-7b5c-11f1-8fe4-fa163e2ff576

Нажмите на «Гамбургер», чтобы выбрать место загрузки файла. 

169b1b51-7b65-11f1-8fe4-fa163e2ff576

Изменения вступят в силу через некоторое время — после того, как будет обновлен кеш браузера. 

Требования к загружаемым файлам

Для логотипа:

  • название файла — logo.png; 
  • формат — .jpg или .png (предпочтительнее);
  • размеры картинки — любые (логотип адаптируется под размеры блока, в котором размещается).

Также вы можете загрузить логотип с прозрачным фоном.

Для фавикона:

  • название — favicon.ico; 
  • формат — .ico, .svg;
  • размеры картинки — 120x120 px (рекомендуемый), 16x16 px или 32x32 px.

Для web clip icon:

  • название — apple-touch-icon.png; 
  • формат — .png; 
  • размеры картинки — 57х57 px. 

Внимание! Не пытайтесь загружать и устанавливать логотип или фавикон через публичную часть сайта — это приведет к некорректной работе решения.


Предыдущая статья Типовые настройки решения
Следующая статья Проживание