Фев 27

Как прикрепить к сайту иконку «FavIcon», которая отображается в адресной строке?

У большинства сайтов в Интернете есть свои иконки, которые отображаются в адресной строке, так называемые «FavIcon». В этой статье вы узнаете, как создать такую иконку и установить её на свой сайт.

1. что нам необходимо, это сама иконка, создаём изображение/рисунок в виде иконки, это можно сделать в любом графическом редакторе. Размер может быть любой, но лучше чтобы картинка была квадратной (16?16; 32?32), можете и больше (потом при конвертирование самой иконки из картинки, она уменьшится до размеров 16?16).

2. мы создали рисунок, теперь необходимо рисунок переделать в иконку, для этого воспользуется сайтом «DynamicDrive». Загружаем рисунок, отметив “Merge with a 32?32 desktop icon.”, сейчас скрипт сайта будет конвертировать Ваш рисунок в иконку («FavIcon»), теперь жмём «Download FavIcon» и качаем иконку. Иконка создана!

Теперь, чтобы иконка отображалась на сайте в адресной строке, нам надо её загрузить в корень сайта.

Если иконка, по каким-то причинам не отображается, то необходимо в шапку сайта, между тегами HEAD добавить следующий код:

<link rel="shortcut icon" href="http://путь до иконки/favicon.ico"
type="image/x-icon">

Вот теперь иконка должна отображаться. :)

Возможно, Вам будет полезна эта информация:

  1. Как можно изменить иконку и имя флэшки?
  2. Скачать бесплатно программу Folder Size for Windows — которая добавит в проводник колонки с размером папок и файлов
  3. Корзина не отображается на рабочем столе


Написать ответ