Wfolio Docs
Панель управленияОбновленияПоддержка
Ru
Ru
  • Начало работы
  • Тарифы
  • Визитка и контакты
  • ОБЛАЧНЫЙ ДИСК
    • Примеры галерей
    • 120 ГБ бесплатно
    • Яндекс Диск и Wfolio
    • Подключение типографий и заказ печати
    • Работа с галереями
      • Начало работы с диском
      • Какие файлы можно загружать на диск
      • Частые вопросы по диску
      • Управление файлами в проекте
      • Папки и управление папками
      • Скрытые папки и гостевой доступ
      • Управление проектами
      • Защита галерей
      • QR-код для галереи
      • Обложка и дизайн галереи
      • Как обновить обложку и текст у ссылки
    • Списки избранного
      • Настройка и создание списка
      • Действия со списками
      • Данные об отборе в CSV
      • Копирование списка в LR и C1
      • Как разрешить скачивание в отдельном списке
    • Продажи в галереях
      • Предложение товаров на диске
      • Продажа цифровых фотографий
  • КОНСТРУКТОР САЙТА
    • Примеры сайтов
    • Страницы и контент
      • Начало работы с сайтом
      • Какие файлы можно загружать на сайт
      • Частые вопросы по оформлению
      • Составная страница и блоки
      • Настройки блока
      • Как скрыть блок
      • Шаблоны страниц
      • Управление страницами
      • Защита страниц паролем
      • Выпадающее меню
      • Как добавить блоки в альбом
      • Видео на сайте
      • Обложка страницы
      • Как обновить обложку и текст у ссылки
      • Работа с текстом
      • Кроп фото
      • Ссылки на сайте
      • Настройки кнопки
      • Скачивание файлов через сайт
      • Страница-заставка
      • Страница-мультиссылка
      • Страница-лендинг
      • Одностраничный сайт с якорными ссылками
      • Как группировать скрытые страницы
    • Дизайн
      • Тема сайта
      • Меню сайта
      • Цвета сайта
      • Поддержка темной темы в браузере
      • Логотип
      • Иконки на социальные сети
      • Раскладка фотографий
      • Инфополоса
      • Переопределение CSS для блока
    • Оформление портфолио
      • Требования к фотографиям
      • Альбом с фотографиями
      • Галерея с альбомами
      • Разделы в выпадающем меню
      • Трехуровневое портфолио через ссылки
      • Виджет «Встроить» на странице
      • Блог с фильтром по категориям
    • Анонсы и блог
      • Анонсы съёмок
      • Как отвечать на отзывы клиентов
      • Как красиво и правильно оформлять посты
      • Категории в отзывах и постах
    • Виджеты
      • Как добавить HTML-код
      • Частые вопросы по виджетам
      • Виджет «Вопрос/ответ»
      • Виджет «До/после»
      • Виджет Pinterest
      • Как добавить калькулятор
      • Как сделать рассылку
      • Как подключить систему онлайн-бронирования
      • Как подключить сбор донатов
      • Как добавить карту
      • Как добавить календарь
      • Как добавить форму (анкету)
      • Как добавить таймер
      • Как разместить панораму 360°
      • Как создать QR-код для страницы
      • Как добавить музыку
    • Настройки сайта
      • Главные настройки сайта
      • Текст внизу сайта
      • Режим разработки сайта
      • Перевод сайта
    • Продвижение в поиске
      • Инструменты вебмастера
      • Как попасть в поиск Яндекс и Google
      • SEO-настройки страниц
      • Как поменять обложку для ссылки на отдельной странице
      • Alt-текст для изображений
      • Проверка оптимизации сайта
      • Sitemap.xml на вашем сайте
    • Продажи на сайте
      • Предложение товаров на сайте
      • Настройка доступа к странице после оплаты
      • Продажа сертификатов на сайте
      • Страница «Спасибо»‎ на сайте
  • Магазин
    • Валюта магазина
    • Частые вопросы по магазину
    • Добавление товара
    • Добавление заявки
    • Подключение платежной системы
    • Заказы в магазине
  • Аналитика
    • Аналитика Wfolio
    • Сервисы аналитики
    • Рекламный пиксель
  • Адрес в интернете
    • Частые вопросы по доменам
    • Регистрация нового домена
    • Подключение существующего домена
    • SSL-сертификат и HTTPS
    • Подключение поддомена
    • Подключение почты на домене
  • Настройки аккаунта
    • Оплата услуг и автопродление
    • Обновление системы входа: теперь без пароля
    • Код доступа при входе на сайт
    • Смена тарифа
    • Частые вопросы по оплате
    • Создание второго сайта
    • Реферальная программа
    • Уведомления
    • Сохранение сайта при временной неоплате
  • Правовые настройки
    • Оферта
    • Согласие на обработку персональных данных
    • Предупреждение о cookie
    • Подключение платформы для управления файлами cookies
    • Предупреждение о возрастном ограничении
    • Регистрация в РКН
    • Регистрация сайта в БелГИЭ
  • Полезные ссылки
    • Поддержка
    • Обновления
    • Дизайн-материалы от Wfolio
    • Сайт от дизайнеров Wfolio
Powered by GitBook
On this page
  • Для чего нужен логотип
  • Создание логотипа
  • Загрузка логотипа
  • Удаление логотипа
  • Почему нет возможности написать логотип текстом?

Was this helpful?

  1. КОНСТРУКТОР САЙТА
  2. Дизайн

Логотип

Как сделать логотип и загрузить его на сайт

PreviousПоддержка темной темы в браузереNextИконки на социальные сети

Last updated 2 months ago

Was this helpful?

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

Для чего нужен логотип

  • Привлечь внимание. У вас есть всего несколько секунд, чтобы заинтересовать посетителя. Качественный и запоминающийся логотип может помочь сделать это, удерживая внимание и формируя положительное первое впечатление.

  • Показать индивидуальность. Логотип отражает идентичность вашего бренда через цвета, шрифты и дизайн. Это помогает выделить ваш сайт среди множества других.

  • Запомниться. Большинство посетителей запоминают название бренда, связывая его с логотипом. При следующем посещении вашего сайта логотип будет одним из ключевых элементов, которые посетители узнают.

  • Выделиться. Логотип служит способом выражения ваших ценностей и демонстрации того, почему вы лучше конкурентов. Не бойтесь выделяться и быть оригинальными.

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

Создание логотипа

Найдите красивый шрифт можно или в . Примеры логотипов для вдохновения можно посмотреть в .

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

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

Если у вы используете светлый цвет фона сайта, то мы советуем создать логотипы в двух цветах: в темном и белом.

Логотип двух цветов

Загрузка логотипа

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

Загрузите логотип: наведитесь на поле с логотипом и нажмите на кнопку в центре. Если нужно, настройте высоту логотипа.

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

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

  • В теме Space до 35px.

  • В теме Plain до 100px.

  • В темах Leto и Polina — до 120px.

  • В темах Nika и Deka — до 160px.

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

Удаление логотипа

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

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

Почему нет возможности написать логотип текстом?

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

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

Темная версия логотипа отображается на темном меню, на обложках страниц и для . Если у вас светлый фон сайта, создайте логотипы в двух цветах: темном и белом.

темной темы
ВКонтакте
Google Fonts
Google Images