Иконка для своего сайта, или Favicon (Favorite Icon) - это персональное графическое изображение сайта, которое можно увидеть в адресной строке браузера или в закладках.
Наличие такой персональной иконки выгодно отличает (да и просто отличает) сайт от прочих, у которых вместо такой иконки отображается стандартный значок браузера.
Изготовить ее вы можете самостоятельно. Для начала ее нужно нарисовать. Размеры иконки 16х16 пикселей. При ее создании обязательно учитывайте то, что все мелкие детали в такой небольшой иконке будут не видны.
Вы можете нарисовать иконку в любой графической или векторной программе, сохранив затем в формате ico.
- В Adobe Photoshop для этого нужно установить специальный бесплатный плагин, который позволит открывать и сохранять картинки в формате ICO. Этот плагин называется ICOFormat и доступен для скачивания здесь. Распакуйте архив и сохраните файл ICOFormat.8bi из архива в папку File Formats, которая находится внутри папки с плагинами Plug-Ins. Как правило, эта папка располагается по адресу: C:\Program Files\Adobe\Photoshop 7.0\Plug-Ins\.
- Если вы создаете векторную иконку в программе Corel Draw, то просто можете экспортировать картинку в формате ico (не забыв указать ее правильные размеры).
- Кроме того, вы можете нарисовать и сохранить иконку, например, в формате bmp, а затем перевести в нужный формат с помощью какого-нибудь из редакторов иконок. Или же создать иконку непосредественно в редакторе.
Затем нужно прописать следующий код (желательно между тегами <head> и </head>):
<link rel="SHORTCUT ICON" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">.
После чего разместите файл favicon.ico на сервере в корневой папке - и у вашего сайта появится своя иконка!
Как сделать Favicon для Wordpress
Вам надо отредактировать header.php вашего wordpress блога. В администраторской панели откройте "Дизайн" / "Редактор тем" и найдите файл header.php используемой вами темы.
Добавьте следующий код в любом месте между тэгами <head> и </head>:
<link rel="shortcut icon" href="http://www.vashdomen.ru/favicon.ico">
Вместо vashdomen укажите имя вашего сайта.
Как сделать анимированную Favicon
Код в этом случае должен быть следующим:
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" href="animated_favicon1.gif" type="image/gif">
Вот что пишут про анимированную иконку:
"это обычный анимированный gif-файл, не имеет никакого отношения к favicon.ico, понимается только браузером Firefox последних версий, вставляется в код страницы так же, как и favicon.ico:"
Другой вариант кода (возможно, изложенный выше только для Wordpress):
<link rel="icon" href="/ваш_анимированный_GIF.gif" type="image/gif">
<link rel="shortcut icon" href="/ваш_анимированный_GIF.gif" type="image/gif">
Сама, правда, еще анимацию не пробовала, но должно сработать. Но! Не забудьте, что gif-иконка двигается только в FireFox, Opera и Explorer к ней равнодушны!
З.Ы. Перелопатила кучу сайтов и, уже написав все вышеизложенное, наткнулась на ссылку:
favicon.ru. Там про favicon'ки должно быть написано все!
редакторы иконок
