# Логотип

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

### Для чего нужен логотип <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="https://355501785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZOPvCqrx5oWXGbl7B-887967055%2Fuploads%2FckNcmGFA9kOYJry5UAqC%2Fimage.png?alt=media&#x26;token=78ab556a-9c33-4070-a2cc-be21768e1ec7" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://355501785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZOPvCqrx5oWXGbl7B-887967055%2Fuploads%2FFZ5fvp52ZyCWUkLzJNQM%2Fimage.png?alt=media&#x26;token=8ee864ae-be0a-46df-b904-c0c48e7bc2ad" alt=""><figcaption></figcaption></figure>

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

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

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

* Для светлого фона — темный или черный логотип.
* Для темного фона — светлый или белый логотип. Эта версия логотипа отображается на темном меню, на обложках страниц и для [темной темы](https://docs.wfolio.pro/site/design/night-theme).

<figure><img src="https://355501785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZOPvCqrx5oWXGbl7B-887967055%2Fuploads%2FosyLaup4sNITo99Oide9%2Flogo%20two%20colors%20ru.png?alt=media&#x26;token=3569d7d5-40c6-42c9-a81a-618b66540af9" alt="" width="225"><figcaption></figcaption></figure>

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

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

<figure><img src="https://355501785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZOPvCqrx5oWXGbl7B-887967055%2Fuploads%2FGkkzumziPVCXmuzRORn4%2Fdesign%20logo%20ru.png?alt=media&#x26;token=6a4de49a-2ded-4c25-9efd-c18a688b8e2f" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://355501785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZOPvCqrx5oWXGbl7B-887967055%2Fuploads%2FQH93NftAaLFnJMSfbXzu%2Fupload%20logo%202%20ru.png?alt=media&#x26;token=613fa432-7d74-4bfe-a8d6-0c8456f95631" 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?**\
  Пока что такой возможности нет — она появится в следующих обновлениях платформы.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.wfolio.pro/site/design/logo.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.