Логотип

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

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

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

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

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

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

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

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

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

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

Мы рекомендуем делать логотип в размере в два раза больше, чем вы планируете его показывать на сайте, с высотой не менее 1600px.

  • В любом графическом редакторе (Photoshop или аналогичный) создайте новый файл (клавиши «Ctrl+N»).

  • Напишите красивым шрифтом свое имя и фамилию (Инструмент «Текст», клавиша «T»).

  • Затем увеличьте размер шрифта, чтобы надпись занимала практически всю видимую область:

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

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

Зачем нужен логотип в двух цветах?

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

  • Для светлого фона — темный или черный логотип.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Как изменить слова Logotype на моём сайте? Это логотип по умолчанию. Измените его в разделе «Дизайн» → «Логотип».

  • Почему я включаю/отключаю логотип, но всё ещё вижу его только на телефоне (или только на компьютере)? Проверьте, что вы отключили логотип для каждой версии сайта — для компьютерной и для мобильной.

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

  • Почему логотип исчезает, когда я листаю страницу вниз? Логотип закреплен в шапке меню в темах Space и Deka. При скролле страницы вниз в остальных темах он не будет показан — это особенности вашей темы сайта.

  • Какой размер логотипа сделать? Загрузите логотип с высотой не менее 1600px.

  • В каком формате загрузить логотип? Мы рекомендуем загружать логотип в PNG с прозрачным фоном.

  • А можно загрузить логотип в SVG? Пока что такой возможности нет — она появится в следующих обновлениях платформы.

Последнее обновление

Это было полезно?