Как сделать логотип и фавикон для сайта
Небольшому бизнесу для старта хватает текстового логотипа — названия в фирменном шрифте и цвете. Фавикон (значок во вкладке браузера) делается из него за пару минут, и без него сайт выглядит незаконченным.
Логотип нужен не такой, как вы думаете
Владельцы часто откладывают запуск сайта, потому что «нет логотипа». На практике текстовое написание названия в подходящем шрифте и цвете выглядит достойно и не мешает продавать: так сделаны логотипы многих известных компаний. Знак с картинкой имеет смысл, когда бренд уже узнают, — до этого он редко влияет на решение клиента.
А вот фавикон — та мелочь, которую замечают: без него во вкладке браузера и в закладках у вашего сайта будет пустой лист, а на фоне конкурентов со значками это читается как «сайт делали кое-как».
Порядок действий
- Решите, что вы делаете: логотип или фавиконЛоготип — надпись или знак для шапки сайта и документов. Фавикон — квадратный значок 32×32 пикселя для вкладки браузера. Второй обычно делается из первого.
- Для логотипа возьмите название и один шрифтНаберите название в шрифте сайта, добавьте фирменный цвет. Не смешивайте два шрифта и не добавляйте эффекты: простое написание стареет медленнее.
- Для фавикона выберите один элементПервая буква названия или простой знак. Детали на 32 пикселях не видны: сложный логотип во вкладке превращается в кляксу.
- Проверьте контрастЗначок должен читаться и на светлой, и на тёмной теме браузера. Светло-серый на белом исчезает.
- Соберите файл в генератореНаш [генератор фавикона](/instrumenty/favicon) делает значок из буквы или эмодзи прямо в браузере: выбираете цвет и форму, скачиваете готовый файл. Ничего никуда не отправляется.
- Подключите к сайтуВ Zorava достаточно попросить агента: «поставь этот фавикон». На других площадках файл загружается в настройках сайта.
Про иконки внутри сайта
Иконки для разделов и услуг — отдельная история. Брать их из поиска картинок нельзя по той же причине, что и фотографии: у изображений есть автор. Пользуйтесь бесплатными наборами с открытой лицензией — но проверяйте условия: часть требует указания автора, часть запрещает коммерческое использование.
Практический совет: возьмите один набор и используйте только его. Иконки из разных наборов отличаются толщиной линий и стилем, и страница из-за этого выглядит собранной наспех.
Частые вопросы
Можно ли сделать логотип нейросетью?
Генераторы дают быстрый результат, но у него есть риск: похожий знак мог получить кто-то ещё, а права на такие изображения — отдельный вопрос. Для текстового логотипа нейросеть и не нужна.
В каком формате нужен фавикон?
Достаточно PNG или SVG — современные браузеры понимают оба. Старый формат ICO сегодня не обязателен.
Почему мой фавикон не появился?
Чаще всего дело в кэше браузера: откройте сайт в режиме инкогнито. Если и там пусто — файл не подключён или отдаётся с ошибкой.