Для того, чтобы у сайта отображался значок, достаточно создать файл с иконками, назвать его favicon.ico и поместить его в корневую папку сайта.
Приведу несколько сайтов с генераторами файла favicon.ico:
Для явного указания местоположения favicon.ico необходимо вписать cледующую строку в код страницы вашего сайта внутрь секции <head> (ПЕРЕД закрывающим тегом </head>):
Код: Выделить всё
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
rel может содержать и «shortcut icon» (при этом Microsoft Internet Explorer будет реагировать на строку «shortcut icon», а браузеры, соответствующие стандартам — на слово «icon»)
href содержит абсолютный или относительный URI к файлу (в Mozilla Firefox 3.0, например, поддерживаются те же URI, что и с тегом img). Лично мне показалось, что относительные ссылки работают корректнее.
Форматом файла может быть png или gif, размером 16x16 или 32x32 и с 8-битной или 24-битной глубиной цвета (в Mozilla Firefox, например, может быть не только этот, но и как у тега img).
При этом атрибут type должен содержать MIME-тип формата (например, image/png для PNG).
Подробности можно почитать в Википедии