Всем привет! Сегодня мы поговорим о такой интересной и полезной вещице для сайта, как favicon.ico. Как? Вы владелец сайта, но до сих пор не знаете, что такое favicon? Тогда эта статья точно для вас!

favicon

Вы спросите: «Что же такое favicon?»

Favicon - это сокращение от английских слов FAVorites и ICON, то есть «значок для избранного» по названию папки в браузере Microsoft Internet Expolorer. Традиционно отображается в виде маленькой картиночки 16 на 16 пикселей перед адресом сайта в адресной строке или в закладках рядом с названием сайта. Чаще всего такая картиночка лежит в корневой папке сайта, имеет всегда название favicon и расширение ICO. Хотя бывают и исключения. 

Как же создаётся favicon.ico? Таких способов несколько и я перечислю вам три основных варианта, которые использую сам.

Во-первых, вы можете нарисовать favicon.ico самостоятельно, используя любой графический редактор, такой, как, например, Adobe Phoshop. Рисуете в нём по возможности квадратное изображение любого размера (совершенно не обязательно 16 на 16 пикселей), сохраняете в JPEG или PNG, затем заходите на онлайновый сервис http://favicon.ru/, загружаете туда ваше изображение и по кнопочке «Создать favicon.ico» получаете готовую уменьшенную до нужного размера картинку favicon.ico, которую затем можете скачать к себе на компьютер.

favicon.ru

Второй вариант. Можно воспользоваться онлайновым сервисом рисования favicon.ico по адресу http://www.favicon.cc/. Назначая карандашу цвет, вы рисуете всё, что вам заблагорассудится, а в окошке предварительного просмотра вы сразу же видите результат вашего творчество и в любой момент вы можете скачать его по кнопочке «Download Favicon».

favicon.cc

favicon.cc

Недостаток у первого и второго способов только один. Если вы не обладаете художественными способностями, то получаемое в итоге изображение, как правило, выглядит довольно корявенько. Поэтому в большинстве случаев я предпочитаю использовать третий способ, который даёт, на мой взгляд, наилучший результат. Я хочу представить вам замечательный англоязычный сервис ICON FINDER. Не пугайтесь, если вы не в ладах с английским. Там всё интуитивно понятно. Смело заходите на http://www.iconfinder.com/, в строке поиска вводите любое слово на английском языке на тему которого вы хотите получить favicon и смело скачивайте понравившееся изображение, нарисованное профессионалами. Если вы не знаете, как пишется на английском языке, искомое слово, то можно оперативно воспользоваться онлайновыми переводчиками. Например, http://www.translate.ru/ или http://translate.google.ru/.

icon finder

Готовую картинку (с расширением .ico) закачиваем в корневую папку Вашего сайта. Чтобы проверить, туда ли Вы закачали свою иконку, вбейте в поисковую строку: http://Ваш сайт/favicon.ico и если Вы увидели свою иконку, то всё было сделано правильно. В принципе, больше делать ничего не надо, но для пущей уверенности вы можете в исходном коде вашего сайта между тегами <head></head>, прописать следующее:

<link rel="icon" href="http://Ваш сайт/favicon.ico" />
<link rel="shortcut icon" href="http://Ваш сайт/favicon.ico" />

Соответственно вместо “Ваш сайт” вписываем доменное имя Вашего сайта. На этом всё. Делайте для ваших сайтов иконки и выделятесь среди безликой толпы. До новых встреч ;-)

Обязательно почитайте:

  1. Сайт ненадолго закрыт на техническое обслуживание. Зайдите через минуту.

Хотите получать новые статьи на почту?

Комментарии запрещены.

Подписка

Ваше мнение

За кого вы голосовали на выборах президента России 2012

Результаты голосования

Loading ... Loading ...

Нашли опечатку?

Система Orphus

Рекомендую