Как сделать логотип 16х16
Как создать фавикон для сайта. Пошаговая инструкция от А до Я
Обновлено Февраль 28, 2021
Если создание сайтов не является вашей профессией, есть вероятность, что некоторым вещам будет уделяться недостаточное внимание
Идеальный пример — фавикон сайта. Знаете ли вы, что такое фавикон? Эффективно ли вы его используете?
Что такое фавикон?
Для тех, кто не знает, что такое фавикон, дадим небольшую справку, которая позволит войти в курс дела. Фавикон – это небольшая иконка размером 16х16 или 32х32 пикселей, содержащая, как правило, логотип, первую букву бренда или характерное изображение, отражающее тип бизнеса или тематику сайта.
Почему фавикон важен?
Остановимся более подробно на основных преимуществах использования фавиконов.
Узнаваемость бренда
Фавикон – как маленькое удостоверение сайта. Как было сказано во вступительной части, фавикон помогает пользователю запомнить ваш сайт среди множества просмотренных сайтов. Будь то история просмотра, результаты поиска в Google или список закладок сайтов в вашем браузере, фавиконы помогут пользователю легко узнать ваш сайт и зайти на него.
Доверие
Пользователи, как правило, судят о продавцах товаров и услуг в Интернете на основании того, насколько профессионально сделан их сайт. Небрежность в виде отсутствия фавикона (поисковые системы отображают сайт без фавикона иконкой пустого документа) легко может привести к потере доверия, особенно, в сравнении с конкурентами.
Повторные посещения
Известно, что люди лучше реагируют на изображение, чем на текст. Давайте представим, что посетитель вашего сайта торопился, когда впервые посетил его, и решил добавить его в закладки, чтобы вернуться позже. Допустим, этот человек впоследствии решает снова посетить ваш сайт, для чего обращается к своим закладкам. Вам повезло, если у вас есть узнаваемый фавикон, такой, как заметная и уникальная буква G у Google, так пользователь найдёт вас. Если фавикона нет, вас могут даже удалить из списка закладок.
Экономит время пользователя
Фавиконы экономят время, затрачиваемое пользователем на идентификацию сайта в закладках, истории или других местах, где браузер помещает фавикон для быстрого поиска сайта. Это просто облегчает жизнь среднестатистическому посетителю вашего сайта.
Преимущества для SEO
Если у вашего сайта есть фавикон, его будет видно лучше в поисковой выдаче, чем сайты, в которых его нет, и следовательно, сможет привлечь больше посетителей.
Как создать фавикон?
Есть много инструментов, позволяющих создать фавикон за считанные минуты. Если у вас нет навыков дизайна или вы не знаете, как это делается, то можете попробовать сгенерировать фавикон, используя Logaster.
Для этого следуйте пошаговой инструкции:
Шаг 1. Зайдите на Logaster и нажмите «Создать логотип»
Шаг 2. Создайте логотип
Logaster – это онлайн-генератор логотипов, поэтому для создания фавикона вам нужно сначала создать логотип. На основании вашего логотипа, Logaster предложит именно те фавиконы, которые вам нужны. Но не беспокойтесь, это не отнимет много времени и сил.
Шаг 3. Выберите понравившийся логотип
После предоставления всей необходимой информации, Logaster сгенерирует несколько десятков логотипов. Выберите один из предложенных.
Как выбрать правильный дизайн?
Прежде всего, вы должны понимать, что логотип, который послужит основой для вашего фавикона, может быть несовершенен. Наша цель — создать фавикон, а доработать логотип можно и позднее.
Обратите внимание на иконку, именно ее чаще всего используют в качестве фавикона. Если нужно выбрать другой цвет или шрифт, вы можете отредактировать эти элементы дизайна (шрифт, цвет, текст) на 3 шаге создания логотипа. Как редактировать логотип, вы можете узнать здесь.
Шаг 5. Создайте и скачайте дизайн фавикона
На странице бренда выберите “Фавикон”.
Предварительный просмотр позволит увидеть, как ваш фавикон будет выглядеть на сайте.
Если вам нужно изменить фавикон, то сделать это можно через редактирования логотипа, так, как фавиконы создаются на основе дизайна логотипа. Поэтому, если вы хотите, например, другой цвет фавикона, вам нужно вернутся на страницу логотипа, изменить его цвет, а затем создать фавикон снова.
Найти вдохновения для фавиконки можно на сайтах:
Шаг 6. Скачайте фавикон
Вы можете скачать фавикон совершенно бесплатно в формате PNG и ICO.
Где я могу использовать фавикон?
Вы можете использовать фавикон:
— на сайте;
— мобильных устройствах. Пользователь может добавить фавикон на домашний экран своего устройства (нечто вроде закладки) — Android, IOS, Windows Phone и т.п;
— программах и приложениях для РC/Mac.
Как установить фавикон на сайт?
После того, как вы получили фавикон, его установка на сервер займет не больше пары минут и выполняется в два этапа. Для этого вам потребуется доступ к корневому каталогу вашего сайта и текстовый редактор, чтобы изменить HTML-код сайта.
Шаг 1.
Вам необходимо загрузить файл favicon.ico на сервер. Чтобы это сделать, вам нужно скачать и установить ftp клиент, например, FileZilla.
Затем ввести логин и пароль и загрузить файл. Более подробную инструкцию как загрузить файл фавикона вы можете прочитать здесь.
Шаг 2.
Теперь вам нужно отредактировать HTML-страницу вашего сайта, чтобы помочь браузерам находить изображение вашего фавикона. При открытом окне FTP, найдите и скачайте с сервера файл index.html или header.php.
Перед правками кода, рекомендуем сделать копию файлов, чтобы можно было восстановить файлы, если вы допустите ошибку.
Откройте файл index.html в текстовом редакторе — блокнот, Notepad++, Sublime Text.
Если ваш сайт содержит чистый HTML, вставьте специальный код в область HEAD файла index.html.
Если вы используете WordPress, вставьте приведенный ниже код в область HEAD файла header.php.
Сделав это, загрузите файл обратно туда, где вы его взяли. Готово! Перезагрузите страницу вашего сайта, чтобы увидеть фавикон.
Большинство современных браузеров достаточно умные и умеют находить файл фавикон даже без такого кода, но только если фавикона имеет изображение формата 16х16 пикселей, название favicon.ico и сохранен в корневом каталоге вашего сайта.
Также дополнительно рекомендуем почитать содержательно подобранную информацию об установке фавикона на сайт, его особенностях и преимуществах использования здесь.
Надеемся, что эта статья была полезной и поможет вам создать фавикон, который сделает ваш сайте более успешнее и привлекательней.
Обновлено Февраль 28, 2021
Email-курс «Как создать фирменный стиль за 7 шагов»
Вы узнаете, как создать свой фирменный стиль. 7 писем, в которых передаем 8 летний опыт команды Логастер.
Создавайте свой дизайн сейчас
Приступите к разработке своего фирменного стиля прямо сейчас. Введите название своей компании — и всего через минуту логотип будет у вас! Попробуйте сами! Нет ничего проще!
Как самостоятельно создать логотип компании в онлайн конструкторе
Создание эмблем – целая индустрия, где реализуются самые смелые идеи и замыслы. Фирменные знаки – это не просто небольшие иллюстрации, отображающие направление деятельности компании. Они передают определённое, вполне конкретное сообщение целевой аудитории, которое должно быть читаемым и понятным.
Нажмите кнопку «Создать логотип» и конструктор бесплатно предложит для вас варианты лого. Просто выбирайте и начинайте работать!
Качественное и запоминающееся logo – это безупречное сочетание символов, оттенков и шрифтов. Словом, всё то, что максимально информативно рассказывает о работе предприятия, его ориентированности и стратегии дальнейшего развития.
Как сделать логотип самому? Как подобрать иконку, шрифт и цвет фирменного знака? Об этом и не только расскажем в данной статье.
Что такое логотип
Эмблема – второе лицо бренда. Основная её сила в визуальной природе: у подавляющего большинства людей ведущим каналом получения информации об окружающем мире является зрение, соответственно, грамотно подобранные изображения создают в сознании цельные образы, формируют устойчивые позитивные ассоциативные ряды.
Стильный, актуальный логотип – прекрасный инструмент продвижения бизнеса. Он привлекает повышенное внимание, а значит, вызывает интерес к деятельности и продукции.
Одна из основных функций эмблемы – реализация маркетингового плана. Иллюстрация позволяет донести до клиентов всё, что считают нужным маркетологи, – именно поэтому к созданию фирменного знака следует подходить ответственно и внимательно. Хорошо продуманный логотип поспособствует улучшению дел компании, в то время как некачественный способен едва ли ни разрушить наработанную огромными усилиями репутацию.
Принципы создания логотипа
Можно ли сформировать эффектный визуально и эффективный для продвижения бизнеса логотип самостоятельно? Да, сконструировать качественный фирменный знак более чем реально, однако для этого нужно знать некоторые правила построения композиции, выбора оттенков и других деталей.
Уникальность
В современном мире уже много чего придумано, но это не является оправданием копирования применяемых другими брендами элементов. В то же время, никто не запрещает вдохновляться успешными вариантами и создавать что-то своё: оригинальное, исключительное.
Соответствие направленности фирмы
Даже самая стильная, красивая, аккуратная, актуальная эмблема никак не продвинет бренд, если она не отражает его сферу деятельности. Клиенты могут попросту не понять, чем занимается фирма.
Универсальность
Знак должен хорошо смотреться как в онлайн-пространстве, так и в действительности, в любом размере и на любой поверхности.
Простота и запоминаемость
Как правило, оба эти качества лежат в одной плоскости. Слишком сложные и замысловатые символы запоминаются целевой аудиторией хуже, чем минималистичные.
Где найти вдохновение
Создать логотип самому без должного воодушевления практически невозможно. Чтобы сделать первый шаг, нужно внимательно изучить то, что уже заслужило всеобщее внимание, вызывает интерес и эмоции.
Вот несколько превосходных источников вдохновения, благодаря которым формирование собственной эмблемы в специальной программе (в частности, в бесплатном конструкторе логотипов на русском языке) станет более осознанным:
Pinterest – масштабная площадка с изображениями различных тематик. Там вы можете найти идеи для логотипов с помощью поиска. На Pinterest коллекция дизайнов лого, нарисованных дизайнерами и простыми пользователями, постоянно пополняется.
Logo Fury
Logo Fury – огромная, постоянно пополняющаяся галерея современных фирменных знаков. Ресурс оснащён поиском по тегам, поэтому оперативно найти эмблему определённой тематики очень просто. Также в разделе с идеями можно найти логотипы, разделенные по сфере применения.
Logospire
Logospire – сервис, где сосредоточены тысячи логотипов. Отличительная черта портала – ежемесячно обновляемый рейтинг лучших эмблем.
LogoGala
LogoGala – сайт, где фирменные знаки фильтруются по палитре. Таким образом, вы сможете найти дизайны логотипа определенной расцветки.
Logo Moose
Logo Moose – пространство, где демонстрируются необычные, креативные дизайнерские лого.
Как подобрать цвет логотипа
Расцветка логотипа играет важное значение для привлекательности знака. Кроме того, с помощью цвета можно рассказать много информации о компании. Например, о направлении работы бренда и его сильных качествах.
Для выбора цветовой схемы желательно изучить психологию цветов в логотипе. Каждый оттенок вызывает определенные ассоциации у клиентов. А неверно подобранный цвет может создать ложное впечатление о фирме.
Больше о психологии цветов в лого можете прочитать в данной статье.
Советы по выбору расцветки логотипа
Мы собрали основные рекомендации по подбору цвета. Опираясь на данные советы, вам будет проще определиться с расцветкой фирменного знака.
Учитывайте психологию цветов
Об этом мы уже поговорили выше, однако стоит обратить на это внимание еще раз. От психологического воздействия цветов зависит многое, в том числе и успешность привлечения клиентов.
Проанализируйте свою компанию
Следует ответить на следующие вопросы:
Продумав ответ на каждый вопрос, вы сможете легче подобрать цвет лого. Например, для компании по производству товаров для детей оптимально использоваться яркие оттенки (голубой, желтый, оранжевый и т.д.). Такие цвета привлекут внимание потенциальной аудитории – детей и их родителей. А для отражения стабильности бренда лучше окрашивать эмблему в синий, черный, коричневый.
Изучите конкурентов
Анализировать работу своих главных «соперников» по рынку всегда полезно. Это позволяет определить сильные и слабые стороны конкурентов, чтобы использовать это на благо своего бренда. То же самое касается цветов. Следует посмотреть, какие расцветки логотипов используют похожие бренды. Необязательно использоваться такие же цвета. Но данная информация поможет вам двигаться в нужном направлении.
Остановитесь на одном-двух цветах
В логотипе важно не переборщить. Чтобы эмблема выглядела красиво и гармонично, лучше не использовать больше 2-х цветов. Оптимально окрасить в один оттенок фон, а во второй — основные элементы. Вы можете применять дополнительные тона, однако они должны быть производными от основных цветов. Помочь в выборе расцветки могут готовые цветовые схемы.
Как выбрать шрифт лого
Шрифт во многом влияет на внешний вид логотипа. От него будет зависеть читабельность текста, а также восприятие целевой аудиторией информации на эмблеме. Если подобрать шрифт неверно, можно испортить общее впечатление о фирме.
Сначала разберемся с видами шрифтов и психологией их влияние на ЦА.
С засечками (Serif)
Отличительная особенность таких шрифтов — наличие засечек на краях букв. Надпись, выполненная в таком стиле, будет легко читаться и восприниматься людьми. Кроме того, засечки на буквах помогают удерживать внимание читателей.
Без засечек (Sans Serif)
В таком шрифте, напротив, отсутствуют засечки. Обычно буквы этого стиля представлены с плавными линиями без утолщений.
Шрифт вида Sans Serif легко воспринимается, но трудно читается. На логотипе размещать надпись представленного типа следует осторожно.
Рукописный (каллиграфический)
Такой шрифт по виду напоминает текст, написанный от руки. Часто имеет завитки и наклон. Из-за наличия дополнительных элементов надпись данного стиля сложно читается и воспринимается. При уменьшении размера лого каллиграфический текст практически не различаем.
Рукописные шрифты используются в логотипах довольно редко. Эмблемы с такой надписью иногда можно встретить у брендов, работающих в сфере красоты.
Печатные
Шрифты данного вида напоминают напечатанные на машинке буквы. Используются в логотипах крайне редко. Их сложно сочетать со шрифтами других стилей.
Декоративный
Эти шрифты имеют дополнительные элементы для привлечения внимания или украшения. Также декоративные буквы часто содержат завитки и прочие особенности. В логотипах данный шрифт используется редко и не очень хорошо читается.
Советы по выбору шрифта
Существует огромное множество различных шрифтов, которые можно использовать в логотипе. Но как же определиться с выбором? Для этого воспользуйтесь главными рекомендациями по подбору шрифта для лого.
Опирайтесь на сферу деятельности компании
Шрифт логотипа должен подходить вашему бренду и отрасли работы. С его помощью можно передать сильные стороны фирмы и характерные черты. Например, для магазина премиальных часов лучше использовать шрифт с засечками и ровными линиями. Стиль надписи должен передавать статус и качество продукции.
Также можно проанализировать конкурентов. Посмотрите, какие шрифты используют они в своих логотипах. Выбирать точно такой же стиль не нужно, но проследить общее направление — хорошая идея.
Следите за читабельностью
Выбранный шрифт должен быть легко различаемым и простым для восприятия. Логотип — визитная карточка бренда. Поэтому он должен рассказывать целевой аудитории о фирме. А если надписи на лого не читабельны, то обеспечить узнаваемость бренда будет гораздо сложнее.
Попробуйте уменьшить в несколько раз логотип и убедитесь, что текст остается разборчивым. Если надпись читабельна, то вы сделали правильный выбор.
Стремитесь к гармонии
Все элементы логотипа, в том числе и шрифтовой стиль, должны сочетаться друг с другом. Например, для минималистичной иконки не подойдет крупная и тяжелая надпись.
Используйте 1-2 шрифта
Когда на логотипе представлено сразу несколько шрифтовых стилей, это смотрится несуразно. Важно не переборщить. Оптимально использовать в логотипе 1-2 различных шрифтов (хотя лучше все же остановиться на одном виде). Такая эмблема не будет выглядеть перегруженной.
Проверьте адаптивность шрифта
Надпись на лого должна смотреться качественно и читабельно на любых носителях. Убедитесь, что текст эмблемы сохраняет свои характеристики при печати на продукции, бумажных носителях, а также при размещении на сайте.
Следите за четкостью
Между буквами должен быть интервал достаточного размера. Это позволит ЦА легче воспринимать написанное. Следует избегать слияния элементов надписи.
Избегайте нестандартных шрифтов
Сложно подобрать для логотипа привлекательный и одновременно читабельный декоративный шрифт. Завитки и другие дополнения могут испортить общие впечатление от эмблемы.
Добавьте креатива
Не делайте, как все. Необязательно выбирать для ресторана китайской кухни шрифт с восточными мотивами. Можно использовать более стандартный стиль, а специализацию компании отразить с помощью иконки и расцветки.
Выбирайте уникальность
Логотип становится узнаваемым, в том числе, благодаря уникальному шрифту. Желательно разработать собственный вариант, однако не запрещено выбирать уже существующие стили. Главное, чтобы шрифт был не слишком распространенным.
Как выбрать иконку лого
Иконка — это изображение на логотипе. С помощью этого элемента можно без слов рассказать потенциальным клиентам об услугах и товарах компании. Иконка — первое, на что обращают внимание клиенты, видя ваш логотип. Поэтому следует позаботиться о грамотном подборе изображения для эмблемы.
Мы собрали основные советы по выбору иконки для логотипа компании любого направления.
Отразите тематику
Тематическая иконка должна максимально четко рассказывать о сфере работы вашего бренда. Например, для кофейни оптимально использовать на лого изображения кофейных зерен, кружек, кофемашин и т.д. Таким образом, клиент, всего один раз взглянув на лого, узнает об услугах вашей компании.
Также вы можете использовать абстрактную иконку. Это довольно смелый шаг. Но все больше компаний стремятся выбирать для своего логотипа именно такие изображения.
Следите за сочетаемостью
Иконка должна гармонировать со шрифтом надписи и расцветкой. Для тяжелой надписи и темных цветов лучше использовать более весомую картинку. Таким образом, получится цельный фирменный знак, выполненный в едином стиле.
Не перегружайте логотип
Если все элементы лого выглядят нагружено и проработано, то реалистичная и крупная иконка полностью перегрузит дизайн. Поэтому важно стремиться поддерживать легкость и простоту логотипа.
Как создать логотип в Turbologo
Сделать эмблему с помощью онлайн-генераторов намного проще и быстрее, чем самому рисовать дизайн с нуля. Рекомендуем воспользоваться конструктором Турболого. Процесс разработки лого в данном сервисе состоит всего из 5 этапов.
Ниже дана пошаговая инструкция по созданию логотипа в Турболого.
1. Расскажите о бренде
Первый этап — указание информации о компании. Необходимо ввести название бренда (обязательно) и слоган (при необходимости). Введите имя фирмы в верхней строке. Оно должно быть простым и запоминающимся. Если вы еще не придумали название бренда, воспользуйтесь инструкцией из данной статьи.
Слоган указывать не обязательно, однако, если он есть, стоит его прописать во второй строке. С помощью него вы сможете чуть больше рассказать о своей компании и политике ее работы. Советы по выбору слогана можете прочитать тут.
В третьей строке укажите направление работы фирмы. Вы также можете пропустить этот шаг и не выбирать сферу деятельности. Указанная специализация бренда поможет генератору грамотно подобрать иконки и стиль логотипа. Для выбора направления компании нажмите на строку и щелкните на один из появившихся вариантов.
2. Укажите цвета
Генератор предложит вам 6 цветовых схем на выбор. Вы можете нажать на максимум 3 блока с расцветкой. Выбранные варианты цвета будут использоваться в дизайне логотипов, которые сгенерирует сервис.
Если вы не определились с возможной расцветкой лого, пропустите данный шаг. В таком случае генератор будет использовать в разработке все цветовые схемы.
3. Выберите иконки
На третьем этапе перед вами появятся иконки для логотипов, из которых вы можете подобрать понравившиеся изображения, щелкнув на них. Сервис предлагает более 3 млн уникальных иконок, что позволяет просматривать новые символы почти бесконечно.
Максимальное количество выбранных изображений — 5 штук.
Также вам доступен пропуск данного этапа. Для этого следует нажать на Пропустить этот шаг. В данном случае генератор подберет иконки автоматически, в соответствии со сферой работы бренда.
4. Выберите и доработайте лого
Предпоследний этап — завершающее редактирование логотипа. Для начала следует выбрать один из вариантов дизайнов, которые создал конструктор. Пролистывайте логотипы, пока не найдете подходящий шаблон. После этого наведите курсор на данный лого и нажмите на Изменить логотип.
Теперь вы можете вносить изменения в дизайн эмблемы: выбрать новую иконку, цвета, передвинуть элементы и т.д. Также в левом краю страницы доступны другие шаблоны, которые можно использовать.
После завершения доработки эмблемы можно переходить к скачиванию файла.
5. Сохраните логотип
Последний этап — скачивание результата. Для этого следует нажать на Скачать логотип в правом верхнем углу.
Сервис предлагает несколько тарифных планов на выбор. Ознакомьтесь с наполнением каждого пакета. Для покупки плана нажмите на Продолжить.
Заключение
Сделать логотип самому не так сложно, как может показаться на первый взгляд. С помощью онлайн-генераторов процесс разработки эмблемы становится простым и понятным для любого пользователя. А полезные советы по выбору шрифта, цвета и иконки логотипа помогут создать привлекательный и уникальный дизайн.
Продуктовый и графический дизайнер с опытом работы более 10 лет. Пишу о брендинге, дизайне логотипов и бизнесе.