Создаем фавикон для сайта. Как сделать favicon.ico для сайта за 5 минут.

Дата публикации: 28.02.2012 | Рубрики: Новичкам, создать свой сайт | Теги: ,
Автор: Радкевич С.

Всем читателям upgoing.ru доброго времени суток. Сегодня речь у нас пойдет про такой незначительный и на первый взгляд маловажный атрибут каждого сайта – favicon.ico или просто фавикон. А ведь успех проекта очень даже может зависеть от разного рода мелочей, поэтому не стоит сбрасывать создание фавикон для сайта со счетов, ведь в выдаче Яндекса, рядом с вашим сайтом будет красоваться favicon.ico и поверьте она может серьезно повлиять на CTR.

Для примера взял выборку сайтов по продаже автомобилей и вот как там выглядят фавиконки:

пример фавикон

Уже глянув на фавиконку имеешь определенное представление о том, сайт какой тематики перед тобой, ну а брендовые картинки дают представление еще большее. Например на скрине выше Вы можете видеть фавиконку с буквочкой “И”, гляну в на нее сразу понял, что это сайт газеты “Из рук в руки”, которая довольно популярна в Беларуси. И сразу пришла мысля, а что если отлавливать трафик с помощью таких вот брендовых фавиконок 🙂 А потом подумал, ну его – ведь можно и схлопотать по шапке, так что лучше создавайте свой собственный бренд, свое собственное лицо в сети.

Если у вас в браузере открыто много вкладок, то просто присмотритесь к ним – практически все сайты имеют свои индивидуальные фавиконки, лично я нужную закладку (а открыто их по несколько десятков) ищу как раз по маленькому изображению.

Что касается меня, то я особо не стал напрягаться и в favicon.ico для upgoing.ru сунул знак доллара, чтобы было понятно, что блог про то, как эти самые $$$ зарабатывать.

Как создать фавикон (favicon.ico) для сайта

Обзавестись фавиконкой можно несколькими способами:

  • Скачать готовую favicon.ico из галереи фавиконок
  • Создать из любой картинки с помощью онлайн генератора фавиконок
  • Нарисовать самому в онлайн генераторе favicon.cc

Выбирайте тот способ который для Вас будет наиболее удобен. Для некоторых сайтов я создавал фавикон из картинки, для других рисовал сам. По галереям еще не лазил, по причине того, что уж слишком там много фавиконок и времени на просмотр уйдет весьма много.

Итак, давайте пройдемся по этим способам более конкретно.

Скачиваем фавикон для сайта из галерей favicon.ico

В принципе галерей можно найти довольно много, но брошу вам несколько по которым прогуливался сам, уверен, что выбрать есть из чего 🙂
Favicon.cc – большущая коллекция фавикон, на данный момент более 135 тысяч, уж поверьте просмотр займет не один час, поэтому стоит побаловаться с сортировкой.
Iconj.com – Сервис где мы можете воспользоваться онлайн генератором создания favicon, либо скачать фавикон из уже имеющихся на сайте.
Favicon.co.uk – Если не предыдущие две ссылки не сделают свое дело, то тут вы еще найдете несколько тысяч фавиконок, какую-нибудь да скачаете.

На самом деле выбрать есть из чего, на все нужно лишь время.

Создаем favicon ico из с помощью онлайн генераторов

С помощью уже имеющегося изображения довольно легко создать фавикон, если воспользоваться онлайн генераторами. Принцип работы большинства довольно прост: загружаете изображение, которое будет использовано при создании фавикон, а на выходе получаете уже готовый favicon.ico .

Favicon.ru – довольно простой и удобный генератор, который действует по принципу изложенному выше.

онлайн генератор favicon.ru

Если взять уже описанный Favicon.cc (ссылка выше) то все тоже самое, просто до безобразия. Во всех подобных сервисах нужно либо загрузить картинку с компьютера, либо указать путь если она расположена в сети, ну и на выходе получить желаемое.

создаем фавикон с помощью favicon.cc

Какие еще онлайн генераторы, действующие по принципу загрузил-получил можно использовать?
В принципе хватит и тех, что есть, но если уж допустить что оба будут почему-то недоступны, то пожалуйста:
Favicon-generator.org – буржуйский сервис, но разобраться не составит большого труда.
Favicongenerator.com – простой, без лишних излишеств онлайн генератор favicon ico, принцип работы что и у русскоязычного favicon.ru

Ну если кому-то и этого будет мало, то Google Вам в руки, ну или скажите в комментах, подброшу еще десяток сервисов 🙂
Единственное что я хочу сказать, так это, что если вы заливаете довольно крупную картинку то качество размывается, поэтому я предварительно уменьшал картинку через фотошоп, а уже потом заливал в генератор. Метод “научного тыка” еще никто не отменял – пробуйте и Вы добьетесь максимального качества.

Рисуем фавикон для сайта самостоятельно

Если вы твердо решили не тратить время на просеивание галерей, либо поиск подходящей картинки, то буквально за 5 минут можно нарисовать свой собственный фавикон. Использовать для этого опять же будем онлайн генераторы.

Воспользуемся все тем же Favicon.cc и попробую за минутку нарисовать что-нибудь для upgoing.ru (кликабельно)
рисуем фавикон сами

Примерно такая штучка получится на выходе, только для favicon.ico она будет еще меньше

Аналогично работает и favicon-generator.org либо degraeve.com

Этих генераторов вам хватит с лихвой.

Как установить favicon.ico на сайт

Как правило файл favicon.ico лежит в корне сайта поэтому все что необходимо это просто изменить этот файл на новый. Если искомый файл в корне Вы не обнаружили, то возможно он находится в другом месте. Для этого посмотрите исходный код страницы вашего сайта и найдите строчку которая указывает путь к favicon.ico
Так как у меня фавикон лежит в корне то в коде это выглядит так:
расположение favicon.ico на сайте

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

Для большей наглядности, предложу еще видеоурок как создать фавикон для сайта, хотя уверен, что для многих это будет лишним и Вы во всем разберетесь сами.

Добавьте уникальности своему сайту и наслаждайтесь результатом! 🙂

Похожие записи

Поделись статье с другими:
Позвольте предложить Вам бесплатно подписаться по E-mail и получать актуальную информацию в числе первых.

7 Комментариев к Создаем фавикон для сайта. Как сделать favicon.ico для сайта за 5 минут.

  1. Уже давно заметил, что сайт без фавиконки – неиспользуемый потенциал. При правильном оформлении, с Яшки трафф может подняться значительно 🙂

  2. Геннадий :

    Статья будет в ТОП! Я тут по кнопочкам прошелся…

  3. sprintline :

    ЫВсегда при создании сайта испытываю проблемы с этими иконками… спасибо буду знать

  4. ура я создал свой фавикон ваша информация оказалось полезной

  5. Наконец-то и я обзавелась фавиконом:) Спасибо вам за подробную инструкцию.

  6. pikasso :

    где то видел скрипт где можно менять каждый час иконки фавиконов…вы такой не встречали?

  7. Сергей :

    Увы, еще не попадался на глаза, да я особо и не искал 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *


4 − = 2