Что такое favicon.ico и с чем его едят

.ico — это маленькая картинка (), которую можно увидеть рядом с адресом вашего сайта в адресной строке браузера и вместе с названием вашего сайта в «Избранном» или в «Закладках» , некоторые ПС в своей выдаче также показывают эту маленькую иконку рядом с ссылкой на . Каким же образом сделать так чтобы ваш стал обладателем какого-нибудь замечательного фавикончика? Все очень просто. Можно  создайть файл favicon.ico с помощью сайта favicon.ru, либо какого-нибудь графического редактора. Далее положите иконку в основную (корневую) — предпочтительнее — или в любую другую папку вашего сайта ;
добавьте следующие строки в каждую страницу вашего сайта внутрь секции <head> (не обязательно):

<link rel=»icon» href=»/favicon.ico» type=»image/x-icon»>
<link rel=»shortcut icon» href=»/favicon.ico» type=»image/x-icon»>

Или так:

<link rel=»icon» href=»http://ваш-сайт.ru/favicon.ico» type=»image/x-icon»>
<link rel=»shortcut icon» href=»http://ваш-сайт.ru/favicon.ico» type=»image/x-icon»>

Или так:

<link rel=»icon» href=»http://ваш-сайт.ru/путь_к_иконке/favicon.ico» type=»image/x-icon»>
<link rel=»shortcut icon» href=»http://ваш-сайт.ru/путь_к_иконке/favicon.ico» type=»image/x-icon»>

Вот собственно и все ваш сайт приобрел еще одну индивидуальность. Всем удачи и пока :)

2 Responses
  1. А ещё можно сделать анимированный фавикон, только анимация будет видна лишь в firefox, но выглядит эффектно :)
    Не сочтите за спам, у себя подробно описывал как всё это сделать

  2. Спасибо. Фавикон — еще один способ приобрести собственное лицо.

Leave a Reply

XHTML:Вы можете использовать следующие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight=""> , для вставки php кода используйте тег: <pre escaped="true" lang="php" line="1"></pre>