> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/site/design/logo.md).

# Логотип

Логотип — важный элемент, который улучшит вашу узнаваемость среди клиентов и посетителей сайта.

### Для чего нужен логотип <a href="#start" id="start"></a>

* **Привлечь внимание.** У вас есть всего несколько секунд, чтобы заинтересовать посетителя. Качественный и запоминающийся логотип может помочь сделать это, удерживая внимание и формируя положительное первое впечатление.
* **Показать индивидуальность**. Логотип отражает идентичность вашего бренда через цвета, шрифты и дизайн. Это помогает выделить ваш сайт среди множества других.
* **Запомниться.** Большинство посетителей запоминают название бренда, связывая его с логотипом. При следующем посещении вашего сайта логотип будет одним из ключевых элементов, которые посетители узнают.
* **Выделиться.** Логотип служит способом выражения ваших ценностей и демонстрации того, почему вы лучше конкурентов. Не бойтесь выделяться и быть оригинальными.

Сделать для себя красивый и стильный логотип легко. Рассмотрим один из вариантов создания логотипа.

### Создание логотипа <a href="#create" id="create"></a>

Найдите красивый шрифт можно [**ВКонтакте**](https://vk.com/wall-122545801?q=%D0%BA%D0%B8%D1%80%D0%B8%D0%BB%D0%BB%D0%B8%D1%86%D0%B0) или в [**Google Fonts**](https://fonts.google.com/). Примеры логотипов для вдохновения можно посмотреть в [**Google Images**](https://www.google.ru/search?newwindow=1\&biw=2081\&bih=1073\&tbs=ic%3Atrans\&tbm=isch\&sa=1\&q=logo+photographer\&oq=logo+photographer\&gs_l=psy-ab.3..0j0i30k1l2j0i5i30k1.252165.252165.0.252739.1.1.0.0.0.0.68.68.1.1.0....0...1.1.64.psy-ab..0.1.67.hEjMqXmsCGA).

{% hint style="info" %}
Мы рекомендуем делать логотип в размере в два раза больше, чем вы планируете его показывать на сайте, **с высотой не менее 1600px**.
{% endhint %}

* В любом графическом редакторе (Photoshop или аналогичный) создайте новый файл (клавиши «Ctrl+N»).
* Напишите красивым шрифтом свое имя и фамилию (Инструмент «Текст», клавиша «T»).
* Затем увеличьте размер шрифта, чтобы надпись занимала практически всю видимую область:

<figure><img src="/files/AqzcoRHloQLx7frIUf0A" alt=""><figcaption></figcaption></figure>

* Перед сохранением **удалите самый нижний слой** «Background», чтобы фон вашего логотипа стал прозрачным. Сохраните получившийся файл в формате PNG c прозрачным фоном.

<figure><img src="/files/KdMIfAjIjBEi3QFpCIzq" alt=""><figcaption></figcaption></figure>

Если у вашего сайта светлая цветовая палитра, создайте логотипы в двух цветах: **в темном и светлом**.

#### Зачем нужен логотип в двух цветах? <a href="#two-colors" id="two-colors"></a>

Если у вас сайт со светлым фоном, то загрузите два логотипа:

* Для светлого фона — темный или черный логотип.
* Для темного фона — светлый или белый логотип. Эта версия логотипа отображается на темном меню, на обложках страниц и для темной темы.

<figure><img src="/files/WTn1ATY6QYNdoSdcPSli" alt="" width="225"><figcaption></figcaption></figure>

### Загрузка логотипа <a href="#upload" id="upload"></a>

По умолчанию на сайте отображается логотип со значением Logotype. Перейдите в раздел **«Дизайн» → «Логотип»**, чтобы изменить его.

<figure><img src="/files/JNK0lrytEm5kAAiBMWU0" alt=""><figcaption></figcaption></figure>

Загрузите логотип: наведитесь на поле с логотипом и нажмите на кнопку в центре. Загружать логотип можно в формате JPEG или PNG — мы рекомендуем PNG с прозрачным фоном, **с высотой не менее 1600px**. Если нужно, сделайте логотип на сайте больше или меньше, настроив его высоту.

<figure><img src="/files/VC892OUd60YWOUDZIIwN" alt="" width="225"><figcaption></figcaption></figure>

{% hint style="info" %}

#### Высота логотипа на сайте

В компьютерной версии она зависит от темы сайта:

* В теме Space до 35px.
* В теме Plain до 100px.
* В темах Leto и Polina — до 120px.
* В темах Nika и Deka — до 160px.

В мобильной версии для всех тем высота логотипа — от 10px до 48px.
{% endhint %}

### Расположение и высота логотипа на сайте <a href="#delete" id="delete"></a>

{% columns %}
{% column %}

#### Выравнивание

* В темах Space, Deka, Plain — логотип всегда справа.
* В темах Nika и Polina логотип расположен по центру.
* В теме Leto — логотип может быть справа или слева.
  {% endcolumn %}

{% column %}

#### Высота

В компьютерной версии она зависит от темы сайта:

* В теме Space до 35px.
* В теме Plain до 100px, логотип .
* В темах Leto и Polina — до 120px.
* В темах Nika и Deka — до 160px.

В мобильной версии для всех тем высота логотипа — от 10px до 48px.
{% endcolumn %}
{% endcolumns %}

### Удаление логотипа <a href="#delete" id="delete"></a>

Логотип можно скрыть, отключив опцию **«Отображать логотип»**. Опция отключается отдельно для компьютерной и мобильной версий сайта.

Красивый логотип — важный элемент сайта, который влияет на его узнаваемость, и мы настоятельно рекомендуем не отказываться от его использования.

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

* **Как изменить слова Logotype на моём сайте?**\
  Это логотип по умолчанию. Измените его в разделе **«Дизайн» → «Логотип»**.
* **Почему я включаю/отключаю логотип, но всё ещё вижу его только на телефоне (или только на компьютере)?**\
  Проверьте, что вы отключили логотип для каждой версии сайта — для компьютерной и для мобильной.
* **Почему нет возможности написать логотип текстом?**\
  Логотип в виде изображения всегда выглядит аккуратно и отображается корректно на любых устройствах и экранах разной ширины. Если использовать текстовый логотип, особенно с длинными словами, он может некорректно переноситься или отображаться, что подпортит впечатление от сайта.\
  Любой текст для логотипа можно оформить как изображение — это не только сохранит его внешний вид, но и сделает логотип более интересным и профессиональным.
* **Почему логотип исчезает, когда я листаю страницу вниз?**\
  Логотип закреплен в шапке меню в темах Space и Deka. При скролле страницы вниз в остальных темах он не будет показан — это особенности вашей темы сайта.
* **Какой размер логотипа сделать?**\
  Загрузите логотип с высотой не менее 1600px.
* **В каком формате загрузить логотип?**\
  Мы рекомендуем загружать логотип в PNG с прозрачным фоном.
* **А можно загрузить логотип в SVG?**\
  Пока что такой возможности нет — она появится в следующих обновлениях платформы.
