Загрузите на сайт логотип в одном формате — или svg, или png, jpg. При одновременной загрузке на сайте отобразится формат png, jpg. Максимальный размер — 170x50px.

Логотип в формате svg может автоматически адаптироваться под цвет оформления сайта. Логотип в формате png или jpg загружается отдельно для темной и светлой темы. А также для светлых и темных баннеров на сайте. Рекомендуем загружать и темный, и светлый логотипы.

Через административную часть сайта вы можете добавить:

1. Логотип сайта темный (.png .jpg) — загружайте логотип специально для темной темы оформления сайта. Максимальный размер 一 170x50px.

2. Логотип сайта светлый (.png .jpg) 一 в формате jpg или png, максимальный размер 一 170x50px. Он отобразится на  баннерах с наездом на шапку со светлым текстом. Начиная с версии решения 1.0.5, логотип учитывается и в темной теме оформления.

3. Логотип сайта svg 一 отобразится только на сайте и будет хорошо выглядеть на разных разрешениях экрана и темах оформления. Для его загрузки откройте файл svg в режиме редактирования и скопируйте его код.

Укажите в коде логотипа class="fill-theme-svg", чтобы нужная часть логотипа принимала цвет темы. Укажите class="fill-dark-light", чтобы нужная часть логотипа была темной или светлой в зависимости от темы оформления сайта.


Если у вас возникли проблемы с отображением svg-логотипа, в коде svg пропишите явно параметры width и height:
<sv g width="280px" xmlns="http://www.w3.org/2000/svg&quot; xmlns:xlink="http://www.w3.org/1999/xlink&quot; version="1.1".





4. Логотип сайта для почтовых шаблонов (.png .jpg) — начиная с версии 1.0.5, вы можете загружать логотип отдельно для почтовых шаблонов от 1С-Битрикс и для email-рассылок. Даже если загружены темные и светлые логотипы, мы рекомендуем добавлять картинку отдельно для почтовых шаблонов, поскольку в письме изображение по-другому сжимается.

5. Изображение для микроразметки (.png .jpg) — начиная с версии 1.0.5, появилась возможность загружать логотип отдельно для микроразметки. Используется в микроразметке OpenGraph <meta property="og:image"> и как <link rel="image_src"> для некоторых соцсетей и виджетов на сайте. Если загружен темный логотип сайта, это поле можно оставить пустым.




6. Favicon 一 маленькая иконка на вкладке браузера, которая отображается рядом с названием сайта.

7. Web Clip Icon 一 иконки для iPhone iPad.

Для настройки проделайте путь Аспро (1) → Аспро: ЛайтШоп (2) → Настройки (3)  → Обязательные настройки для быстрого запуска (4).