Фавиконка на сайт

Фавиконка на сайт

Понадобилось мне добавить фавиконку на сайт клиента. Решил сразу писать пост комментируя свои действия.

Что такое фавикон — это картинка/значок в формате .ico, которая отображается в закладке браузера и в выдаче поисковиков

1 2

Так же это хорошо сказывается на внимании посетителей, им приятнее будет видеть красивую картинку, чем пустое место. Чтобы выложить туда свой фавикон мы делаем следующие. Сначала нам понадобится картинка. Я взял такую
6801369403188561

Теперь ее нужно конвертировать в формат .ico. Размеры есть разные, самый большой  это 256 бит, т.е. 256х256 пикселей. размер влияет на качество картинки. Чтобы конвертировать можно воспользоваться фотошопом, стороней программой для конвертирования и онлайн ресурсом www.icoconverter.com Зайдя на сайт вы просто укажете свою картинку, выберете галочку «256 pixels» и нажмете convert. Через пару секунд скачается готовая фавиконка. Переименуем ее в favicon.ico

Теперь этот файл я заливаю на сайт через ftp клиент. Для Joomla нужно закинуть в корень сайта, так же иногда ее дублируют в корень папки с шаблоном сайта.  Чтобы иконка отобразилась, нужно указать к ней путь. Путь указывается в шаблоне перед тегом </head> Туда нужно вставить код для wordpress

<link rel=»shortcut icon» href=»http://inkognitod.ru/wp-content/themes/diary/favicon.ico» type=»image/ico»>

, где лежит фавикон я думаю понятно по коду:). Для Joomla прописывается

<link href=»/templates/beez_20/favicon.ico» rel=»shortcut icon» type=»image/vnd.microsoft.icon»>

так же до тэга </head>

Теперь можно обновить страницу для просмотра результата. Хочу заметить что фавикон может появиться не сразу. В браузере это зависит от кэша, который можно почистить. А в яндексе фавикон заменяется после соответствующей индексации и может пройти месяц прежде чем это произойдет.

Опубликовано:03.02.2014inkognitod

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *