Создаем favicon для сайта

Как сделать favicon.ico для сайта

Всем привет!

Сейчас в интернете трудно представить сайт без своей favicon. Такие сайты имеют место быть, но общее их количество, по сравнению, заметно меньше.

Favicon — это иконка, которая изображена рядом с названием Вашего ресурса во вкладках и закладках в браузере, а также в поисковой выдачи:

Favicon сайтов

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

Сегодня я постараюсь Вас научить создать favicon.ico для сайта. И так приступим к этапам выполнения этой нетрудной задачи…

1)  Переходим на сайт www.favicon.cc — это генератор фавиконок, то есть Вы сможете в онлайн режиме нарисовать себе иконку для сайта. Перед Вами появляется вот такое вот окошко (скриншот кликабелен):

Favicon.cc

1. Create New Favicon — создать новую фавиконку. Эта кнопка служит в основном для очистки рабочего стола в favicon.cc
2. Import Image — кнопка нужна для загрузки изображений с ПК.
3. Это рабочее место 16 на 16 квадратов (в исходнике будет 16х16 пикселов), где Вы можете нарисовать себе фавиконку или загрузить изображение
4. Download Favicon — загрузка уже готовой фавиконки, эта кнопка нужна в тех случаях, когда у Вас она уже готова и Вы собираетесь ее сохранить у себя на компьютере.

Также хочу подробно рассмотреть правый сайдбар. Во-первых, эта палитра разнообразных цветов (не те, которые розы) в самом верху. Чтобы удалить какие-либо элементы на рабочем месте в этом сервисе нужно всего лишь поставить галочку возле transparent и дальше жать по квадратам, которые хотите удалить.

Pick existing color — та же пипетка в пейнте и фотошопе. А функция move даст Вам возможность передвигать рисунок по рабочему месту.

В общем ничего сложного в интерфейсе favicon.cc нет. Все предельно просто и для знающих английский на «2+» здесь можно без проблем разобраться.

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

Вот, кстати, что получилось у меня после рисования. Прямо таки творения искусства:

Моя favicon

Отмечу, желательно favicon.ico должна отображать тематику Вашего веб-сайта, так как пришедший посетитель может с первого взгляда понять о чем контент на нем. У меня данное правило не совсем соблюдено, однако две буквы «C» будут отображать мой домен и соответственно мою фамилию (хотя и не целиком), а это мне нужно для брендирования самого себя.

Вот в принципе и все! Как видите, создать favicon.ico для сайта не тяжело. Если понравилась статья становись читателем в твиттере и подписывайся на обновления блога, чтобы чего-нибудь интересного не пропустить. А будет интересное интервью с очень известным  блоггером, так что не упустите свой шанс.

Всем успехов и удачи!

Видео-эпилог: подборка невероятных удач. Повезло, так повезло=)

3 мысли о “Создаем favicon для сайта

  • 04.04.2012 в 17:10
    Permalink

    Тоже держиш в закладках блог Терехова, Шакина и wpnew)))

    Ответить
    • 04.04.2012 в 17:18
      Permalink

      да=). Но не только их, еще несколько полезных есть))

      Ответить
  • 12.04.2012 в 08:01
    Permalink

    Эту статью надо на форум, чтобы все знали, а то многие участники марафона не знают как и каким образом поставить 
    favicon

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *