> ## Documentation Index
> Fetch the complete documentation index at: https://faq.exode.biz/llms.txt
> Use this file to discover all available pages before exploring further.

# Логотип и иконка

> Как загрузить иконку и логотип школы, какие изображения подходят и где их видят ученики.

Иконка и логотип делают школу узнаваемой. Иконка — квадратная картинка, которая появляется во вкладке браузера и рядом с названием школы. Логотип — надпись или изображение в шапке сайта. Это две независимые настройки: можно загрузить только иконку, только логотип или оба.

Настройки находятся в разделе **Моя школа → Настройки → Оформление и бренд** (в корпоративной школе — **Компания → Настройки → Оформление и бренд**), блок **Логотип и иконка**.

## Иконка школы

Иконка — квадратное изображение. Платформа показывает её:

* во вкладке браузера как иконку сайта;
* в шапке сайта слева от логотипа, со скруглёнными углами;
* на страницах входа и регистрации;
* как логотип школы на сертификатах, выданных после загрузки иконки;
* как аватар школы в сторис и некоторых элементах уроков, если у автора нет своего фото.

**1. Откройте загрузку**

Нажмите на квадратную область под заголовком **Иконка школы** (в корпоративной школе — **Иконка компании**) и выберите файл изображения.

**2. Обрежьте изображение**

Откроется редактор. Рамка обрезки всегда квадратная, её нельзя растянуть в прямоугольник.

**3. Подтвердите загрузку**

После подтверждения иконка загружается и сохраняется автоматически. Кнопку **Сохранить** нажимать не нужно.

Чтобы заменить иконку, загрузите новое изображение в ту же область.

> [!TIP]
>
> Пока иконка не загружена, сотрудники школы видят в шапке кнопку с картинкой и знаком «плюс». Она ведёт прямо к этому блоку. Ученики эту кнопку не видят.

## Логотип школы

Логотип показывается в шапке сайта в компьютерной версии, справа от иконки. Блок называется **Логотип школы** (в корпоративной школе — **Логотип компании**). Над полем есть переключатель режима: **Текст** или **Изображение**.

### Текстовый логотип

В режиме **Текст** введите надпись в поле **Введите текст логотипа**.

* Максимальная длина — 15 символов. Счётчик под полем показывает, сколько символов уже введено.
* Если вы не меняли логотип, в шапке показываются первые 15 символов названия школы.
* Если длины не хватает, интерфейс подсказывает: **Не хватает длины? Используйте изображение.**

### Логотип-изображение

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

Под областью загрузки есть подсказка: **Оптимальный размер: 94x16 пикселей, в черно-белом формате.**

> [!WARNING]
>
> В тёмной теме платформа инвертирует цвета логотипа-изображения: чёрное становится белым, а цветное — противоположным цветом. Поэтому загружайте чёрный логотип на прозрачном фоне. Цветной логотип в тёмной теме будет выглядеть иначе.

Логотип вписывается в отведённое место в шапке: не шире 200 пикселей и не выше 44 пикселей. Более крупная картинка уменьшится.

Если выбран режим **Изображение**, но картинка не загружена, в шапке остаётся текстовый логотип.

## Какие файлы подходят

| Параметр | Иконка | Логотип |
| - | - | - |
| Тип файла | Любое изображение | Любое изображение |
| Обрезка | Да, строго квадрат | Нет |
| Рекомендованный размер | Квадрат | 94×16 пикселей, чёрно-белый |
| Количество файлов | Один | Один |

Если выбрать файл другого типа, например документ, появится сообщение **Неверный формат файла**.

## Частые вопросы

> **Почему мой логотип стал белым или поменял цвета?**
>
> У ученика включена тёмная тема. В тёмной теме платформа инвертирует цвета логотипа-изображения. Загрузите чёрный логотип на прозрачном фоне — в тёмной теме он станет белым и будет хорошо читаться.

> **Почему я не могу ввести название школы целиком в логотип?**
>
> Текстовый логотип ограничен 15 символами. Для длинного названия переключитесь в режим **Изображение** и загрузите картинку с надписью.

> **Иконка обрезалась не так, как я хотел. Что делать?**
>
> Загрузите изображение заново. Редактор откроется снова, и вы сможете выбрать другую квадратную область.

> **Можно ли убрать иконку и оставить только логотип?**
>
> В блоке нет кнопки удаления иконки, её можно только заменить. Если иконку никогда не загружали, в шапке показывается только логотип.

> **Почему логотип не виден на телефоне?**
>
> Логотип выводится только в шапке компьютерной версии сайта. В мобильной версии и в приложении его нет. Иконка школы при этом видна на страницах входа и регистрации.

> **Поменяется ли логотип на уже выданных сертификатах?**
>
> Нет. На сертификат попадает иконка, которая была у школы в момент выдачи. Новая иконка появится только на сертификатах, выданных после замены. Подробнее — в статье [Сертификаты](https://faq.exode.biz/ru/general/gamification/certificates).

***

*Обновлено: 2026-10-15 18:08 UTC*


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.