Логотип
Как сделать логотип и загрузить его на сайт
Логотип — важный элемент, который улучшит вашу узнаваемость среди клиентов и посетителей сайта.
Для чего нужен логотип
Привлечь внимание. У вас есть всего несколько секунд, чтобы заинтересовать посетителя. Качественный и запоминающийся логотип может помочь сделать это, удерживая внимание и формируя положительное первое впечатление.
Показать индивидуальность. Логотип отражает идентичность вашего бренда через цвета, шрифты и дизайн. Это помогает выделить ваш сайт среди множества других.
Запомниться. Большинство посетителей запоминают название бренда, связывая его с логотипом. При следующем посещении вашего сайта логотип будет одним из ключевых элементов, которые посетители узнают.
Выделиться. Логотип служит способом выражения ваших ценностей и демонстрации того, почему вы лучше конкурентов. Не бойтесь выделяться и быть оригинальными.
Сделать для себя красивый и стильный логотип легко. Рассмотрим один из вариантов создания логотипа.
Создание логотипа
Найдите красивый шрифт можно ВКонтакте или в Google Fonts. Примеры логотипов для вдохновения можно посмотреть в Google Images.
В любом графическом редакторе (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? Пока что такой возможности нет — она появится в следующих обновлениях платформы.
Последнее обновление
Это было полезно?