Логотип

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Last updated

Was this helpful?