Настраиваем иконку сайта favicon.ico

Для красоты собственного сайта можно поставить произвольную иконку, которая будет высвечиваться в адресной строке, а также на панели открытых сайтов и в букмарках. Эта минутная процедура, с казалось вроде бы минимальной необходимостью, тем не менее способна выделить сайт из многочисленных конкурентов, именно тем, что в списке сайтов аналогичной тематики, ваш сайт будет выглядеть особенно благодаря имеющейся иконке.

Делается все очень просто: создаем графический объект в формате иконок ico или динамическом изображении gif, размером 32х32 пикселя. Создаем его с помощью любого графического редактора, или же можем воспользоваться сервисом html-kit (http://www.html-kit.com/favicon/), где в специфическую форму загружаем нужную нам картинку, из которой будет сгенерировано статическое и динамическое изображение. Динамический ролик можно создать и самому, но мне кажется что в данном вопросе статическое изображение все же лучше, ибо постоянно прыгающая картинка, способна быстро надоесть и тем самым сыграть противоположную ожидаемой роль.

После того как мы создадим картинку, загружаем её на наш сайт, и в начале основной страницы, обычно это index.php или index.html в головной блоке, ограниченном тегами <head> и </head>, прописываем строчку:
<link rel=”shortcut icon” href=”favicon.ico”>
<link rel=”icon” type=”image/gif” href=”animated_favicon.gif”>

После чего сохраняем и перегружаем страницу. Если иконка не подхватывается , то в поле href можно написать полный путь, используя url сайта, то изображения. В этом случае все должно однозначно заработать.

Этот способ подходит как для любым динамических CMS, так и для статических сайтов.

Якоря: ,

Post a Comment