Инструкция
1
Для начала запомните, что файл с иконкой должен иметь расширение .ico и название favicon, то есть favicon.ico. При этом размер изображения должен быть 16х16 пикселей. Можно попробовать нарисовать иконку в редакторе Photoshop. Нарисовать у вас, конечно же, получится. Но чтобы сохранить рисунок в формате .ico, понадобится специальный плагин. Поместите его в папке Plug-Ins\File Formats, которая расположена по адресу c:\Program Files\Adobe\Photoshop CS.
2
Затем, после того, как вы нарисовали иконку и сохранили ее в нужном формате, поместите ее в корень сайта. Конечно, помещать изображение именно там вовсе не обязательно. Но тогда вам придется указывать путь до него:
< head>
< link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
< /head>.
3
Также допустимо использовать рисунок с другим расширением, например GIF или же PNG. Только в этом случае текст будет несколько другой:
<head>
<link rel="shortcut icon" href="/images/favicon.png" type="image/png">
</head>.
Текстовую запись image/png нужно использовать в том случае, если рисунок в формате png, image/gif — если в формате gif.
4
Если ваш сайт создан на движке (например, на Wordpress), то тут все на порядок легче: опять-таки сначала скопируйте файл с иконкой в корень блога (папка public_html). Затем откройте файл header.php и между тегами и пропишите следующий код:
<link rel="shortcut icon" href="http://мой_сайт/favicon.ico" type="image/x-icon" /<
<link rel="icon" href="http://мой_сайт/favicon.ico" type="image/x-icon" /<.
5
Также для создания иконок есть специальные сервисы. Один из таких — ресурс под названием favicon.cc, ссылка на который представлена в разделе «Дополнительные источники». От вас потребуется лишь выбрать желаемый цвет и нарисовать нужное изображение. Просто сохраните свое творение, и иконка готова. Но можно также преобразовать в формат .ico готовое изображение. Поможет в этом сервис favicon.ru, ссылка на который также представлена в разделе «Дополнительные источники». Выберите нужную картинку, нажмите на кнопку «Создать favicon.ico», затем скачайте получившееся изображение.