Ваш логотип на сайте: как сделать красиво
Где взять логотип
Вы можете заказать логотип у дизайнера или же сделать его самостоятельно на сервисе-конструкторе, например: turbologo.ru. Возможно, у вас уже есть логотип.
Какой формат изображения подойдет для логотипа
- Самый оптимальный формат лого — SVG. Это векторный формат изображения, который позволяет уменьшать и увеличивать его без потери качества. В таком формате логотип отлично будет выглядеть на всех устройствах и экранах любого размера.
- Второй вариант — PNG с прозрачным фоном. Логотипу в формате .png можно задать прозрачный фон. Так же, как и .svg, png-изображения сохраняются без потери качества.
- Третий вариант — JPG. Мы не рекомендуем добавлять logo в этом формате, поскольку он не позволяет сделать изображение на прозрачном фоне. Если шапка вашего сайта не белая, например, то логотип будет отображаться некорректно. Кроме того, jpg-изображения могут давать артефакты при просмотре лого на разных устройствах — размытия, разводы, неровные края и т. д. То есть возможна потеря качества изображения.
- Четвертый вариант — GIF c прозрачным фоном. На данный момент уже редкий, но используемый вариант. Он не позволяет качественно сохранять сложные изображения.
Какого размера можно загружать логотип
Рекомендации по размеру изображения логотипа зависят от выбранного вами формата файла:
- SVG — размер изображения не имеет значения, можете использовать любой.
- PNG и JPG. Не меньше того размера, в котором вы хотите видеть его на сайте. На Воздухе есть возможность изменить размер логотипа, но если увеличивать изображение маленького размера, то будет потеря качества.
Особенности для смартфонов
Проблема #1: Логотип не подходит для маленького экрана по форме (например, надписи становятся нечитабельными или в ширину логотип слишком большой).
Решение: В таком случае вы можете сделать версию логотипа для смартфона и загрузить ее в соответствующее место на Воздухе (в настройках логотипа). Или можете сделать упрощенную версию логотипа без мелких надписей. Возможно, вам стоит изменить расположение элементов, например которые стояли горизонтально поставить вертикально.
Проблема #2: Логотип некачественно выглядит на смартфоне, например часть элементов размывается. Такое может встречаться у лого в формате .png и .jpg и связано с техническими особенностями.
Решение: В этом случае необходимо именно для смартфона загрузить логотип большего размера (можно увеличить в 4 раза). Например, вместо 100х100 px загрузить 400х400 px. Тогда логотип на смартфоне будет отображаться в высоком качестве.
Как добавить логотип на сайт
На сайте может отображаться логотип по умолчанию из шаблона или вместо него название сайта. Отображение логотипа и вовсе можно отключить.
- Включить или отключить отображение логотипа можно через настройки шапки.
- Чтобы добавить логотип, наведите на него курсор и нажмите на значок шестеренки — вы перейдете к настройкам логотипа.
- Вместо логотипа можно выводить название сайта, которое заполняется автоматически при создании сайта.
Подробнее о том, как работать с настройкой логотипа, читайте в нашей справке.
У вас ещё нет сайта на Воздухе?
Выберите готовое решение для вашей отрасли и создайте сайт прямо сейчас: