# Логотип

> Нарисуйте значок логотипа прямо в Velvio, загрузите свой готовый файл или попросите ИИ собрать логотип из названия. Как поставить логотип на сайт и сделать значком вкладки.

Логотип на сайте обычно состоит из двух частей: **значка** (картинки) и **названия** текстом рядом. Так он чётко читается на любом экране, а на телефоне можно оставить только значок.

Сделать логотип можно тремя способами:

| Способ | Когда подходит | Сколько стоит |
|---|---|---|
| [Нарисовать значок в Velvio](#нарисовать-значок-в-velvio) | Логотипа нет, нужна картинка | 10 кр. за 4 варианта + правка сайта |
| [Загрузить свой файл](#загрузить-свой-логотип) | Логотип уже есть | только правка сайта |
| [Логотип из названия](#логотип-из-названия) | Хватит красивого названия со значком-иконкой | только правка сайта |

## Нарисовать значок в Velvio

1. Откройте раздел **«Файлы»** и нажмите **«Создать логотип»**. То же окно открывается из раздела **SEO**, у иконки сайта: «Нет логотипа? Создать».
2. Опишите, что изобразить на значке, и выберите стиль: **Значок** (простая фигура), **Эмблема** (знак в круге), **Линия** (тонкий контур) или **Буква** (первая буква названия).

![Окно «Создать логотип»: описание и стиль](https://velvio.space/docs/shots/logo-tool.webp)

3. Нажмите **«Нарисовать 4 варианта»**. Через минуту появятся четыре разных значка в цветах вашего сайта.

![Четыре варианта значка](https://velvio.space/docs/shots/logo-variants.webp)

4. Нажмите на понравившийся вариант. Фон уберётся сам, бесплатно, и логотип с прозрачным фоном сохранится в «Файлы».

![Выбранный значок без фона и что с ним сделать](https://velvio.space/docs/shots/logo-ready.webp)

5. Выберите, что сделать дальше:
   - **«Поставить на сайт»** — в чат уйдёт запрос с файлом: поставить логотип в шапку слева от названия и в подвал. Это обычная правка ИИ, она стоит кредиты по расходу.
   - **«Сделать значком сайта»** — логотип станет иконкой во вкладке браузера, см. [ниже](#значок-во-вкладке-браузера).
   - **«Скачать»** — забрать файл PNG себе, например для соцсетей или визиток.

![Шапка сайта с новым логотипом](https://velvio.space/docs/shots/logo-on-site.webp)

Не понравились варианты — нажмите **«Ещё 4 варианта»** или **«Изменить описание»**. Кредиты списываются, только если получился хотя бы один вариант.

**Как описать значок.** Назовите предмет, который связан с делом, и характер линий:

- «зуб с маленьким листком, мягкие округлые линии» — стоматология;
- «чашка кофе с паром в виде сердца» — кофейня;
- «ножницы и расчёска крест-накрест, строго» — барбершоп;
- «домик с ключом в двери» — агентство недвижимости.

Название сайта писать не нужно: генератор картинок плохо рисует буквы, поэтому значок делается без текста, а название ИИ ставит рядом обычным шрифтом.

## Загрузить свой логотип

Если логотип уже есть, приложите файл к сообщению в чате — скрепкой, перетаскиванием или Ctrl+V — и напишите, куда его поставить:

```prompt
Поставь этот логотип в шапку слева от названия, высотой 40 px,
и в подвал. На телефоне в шапке оставь только логотип без названия.
```

Лучше всего подходят **PNG с прозрачным фоном** или **SVG**. Если у логотипа белый фон, а шапка сайта цветная, уберите фон: кликните по логотипу на сайте, нажмите **«Заменить картинку»** → **«Удалить фон · 10 кр.»**. Подробнее — в разделах [Файлы и образцы стиля](https://velvio.space/docs/features/file-upload) и [Фото на сайте](https://velvio.space/docs/features/edit-image).

## Логотип из названия

Если отдельная картинка не нужна, ИИ соберёт логотип из названия и значка-иконки: подберёт шрифт, цвет и простую иконку под стиль сайта. Такой логотип чётко выглядит на любом экране и меняется одной фразой.

В редакторе нажмите **«Указать элемент»**, кликните по названию в шапке и опишите, каким должен быть логотип:

```prompt
Сделай логотип: слово «Бритва» узким жирным шрифтом и значок ножниц слева, цвет — как у кнопок.
```

```prompt
Логотип для кофейни «Зерно»: название в круге, как на штампе, спокойный коричневый.
```

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

## Значок во вкладке браузера

Значок сайта (favicon) — маленькая картинка во вкладке браузера и в закладках. Поставить его можно двумя способами:

- в окне «Создать логотип» нажмите **«Сделать значком сайта»**;
- в разделе **SEO** → **«Иконка сайта (favicon)»** нажмите **«Загрузить»** и выберите квадратную картинку.

Значок появится на опубликованном сайте после того, как вы нажмёте **«Обновить публикацию»**. Подробнее — в разделе [SEO](https://velvio.space/docs/features/seo).

## Логотип из другого сервиса

Если хочется больше вариантов, нарисуйте значок в специальном сервисе — например, Шедевруме, Kandinsky или Lovart — и загрузите его в Velvio:

1. Попросите сервис нарисовать **только значок, без текста**: «логотип-значок для пекарни, простой плоский рисунок на белом фоне, без надписей».
2. Скачайте картинку.
3. Приложите её к сообщению в чате и попросите: «поставь этот значок как логотип». Если фон остался белым, кликните по логотипу на сайте → **«Заменить картинку»** → **«Удалить фон»**.

## Вопросы и ответы

<details class="faq">
<summary>Сколько стоит логотип?</summary>
<p>Четыре варианта значка — 10 кредитов, и только если получился хотя бы один. Убрать фон у выбранного — бесплатно. Поставить логотип на сайт — обычная правка ИИ, кредиты по расходу, обычно немного.</p>
</details>

<details class="faq">
<summary>Почему на значке нет названия?</summary>
<p>Генераторы картинок путают и искажают буквы. Поэтому значок рисуется без текста, а название ИИ ставит рядом шрифтом сайта — так оно всегда ровное и читаемое, и его легко поменять.</p>
</details>

<details class="faq">
<summary>Логотип на сайте слишком маленький или большой. Как поправить?</summary>
<p>Нажмите «Указать элемент», кликните по логотипу и напишите, например: «сделай логотип высотой 48 px». Если правка не понравилась, откатите версию — в течение суток кредиты вернутся.</p>
</details>

<details class="faq">
<summary>Где взять файл логотипа, если он нужен для визиток или соцсетей?</summary>
<p>В разделе «Файлы» — там лежит логотип с прозрачным фоном («логотип — без фона.png»). Его можно скачать.</p>
</details>

<details class="faq">
<summary>Можно ли нарисовать логотип с конкретным шрифтом или по брендбуку?</summary>
<p>Значок по брендбуку лучше заказать у дизайнера и загрузить готовым файлом. Шрифт и цвета названия рядом со значком ИИ подберёт по вашему описанию: «название шрифтом Montserrat, цвет #1F6F5F».</p>
</details>

## Советы

- Проверьте логотип на телефоне: кнопка **«Телефон»** над превью. Если значок теряется, попросите: «на телефоне сделай логотип крупнее».
- Простые значки из одной-двух фигур лучше смотрятся маленькими — во вкладке браузера и в шапке телефона.
- Сохраните удачный логотип: скачайте его из «Файлов», чтобы использовать вне сайта.
