Всем привет! Сегодня мы поговорим о такой интересной и полезной вещице для сайта, как favicon.ico. Как? Вы владелец сайта, но до сих пор не знаете, что такое 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.ico по адресу http://www.favicon.cc/. Назначая карандашу цвет, вы рисуете всё, что вам заблагорассудится, а в окошке предварительного просмотра вы сразу же видите результат вашего творчество и в любой момент вы можете скачать его по кнопочке «Download Favicon».
![]()
![]()
Недостаток у первого и второго способов только один. Если вы не обладаете художественными способностями, то получаемое в итоге изображение, как правило, выглядит довольно корявенько. Поэтому в большинстве случаев я предпочитаю использовать третий способ, который даёт, на мой взгляд, наилучший результат. Я хочу представить вам замечательный англоязычный сервис ICON FINDER. Не пугайтесь, если вы не в ладах с английским. Там всё интуитивно понятно. Смело заходите на http://www.iconfinder.com/, в строке поиска вводите любое слово на английском языке на тему которого вы хотите получить favicon и смело скачивайте понравившееся изображение, нарисованное профессионалами. Если вы не знаете, как пишется на английском языке, искомое слово, то можно оперативно воспользоваться онлайновыми переводчиками. Например, http://www.translate.ru/ или http://translate.google.ru/.
![]()
Готовую картинку (с расширением .ico) закачиваем в корневую папку Вашего сайта. Чтобы проверить, туда ли Вы закачали свою иконку, вбейте в поисковую строку: http://Ваш сайт/favicon.ico и если Вы увидели свою иконку, то всё было сделано правильно. В принципе, больше делать ничего не надо, но для пущей уверенности вы можете в исходном коде вашего сайта между тегами <head></head>, прописать следующее:
<link rel="icon" href="http://Ваш сайт/favicon.ico" /> <link rel="shortcut icon" href="http://Ваш сайт/favicon.ico" />
Соответственно вместо “Ваш сайт” вписываем доменное имя Вашего сайта. На этом всё. Делайте для ваших сайтов иконки и выделятесь среди безликой толпы. До новых встреч
Обязательно почитайте:





