| <link href="адрес_сайта/favicon.ico" rel="icon" type="image/x-icon"> |
Чтобы значок отображался в качестве ярлыка на Рабочем столе Windows (когда пользователь добавляет ссылку на сайт на свой Рабочий стол), нужно использовать такой код.
| <link href="адрес_сайта/favicon.ico" rel="shortcut icon"> |
Можно использовать сразу обе данные конструкции, вреда от этого не будет. Кроме этого, ваш значок может быть не в формате ICO, а в каком-нибудь другом, например, в анимированном GIF, если браузер поддерживает подобное. Для этого достаточно изменить MIME-тип и указать адрес GIF-файла.
| <link href=""адрес_сайта/favicon.gif" rel="icon" type="image/gif"> |
Можно одновременно использовать разные значки для разных обозревателей. Чаще всего достаточно всего двух строчек кода, чтобы обеспечить функционирование всех существующих вариантов демонстрации значка сайта в разных браузерах.
| <link href="адрес_сайта/favicon.ico" rel="icon" type="image/x-icon"> <link href="адрес_сайта/favicon.gif" rel="icon" type="image/gif"> |
В этом примере браузеры, поддерживающие анимацию, используют файл favicon.gif, а те, которые ее не поддерживают, - файл favicon.ico.
Хочу заметить, что файл favicon.ico должен содержать значок размерами 16х16 пикселей. Именно эта картинка будет отображаться в адресной строке браузера, на вкладке и в меню Избранное. Так как многие пользователи также добавляют ярлыки для сайтов на Рабочий стол Windows, а там размер значка обычно больше 16х16 пикселей, стоит включить в файл и изображения размерами 32х32, 48х48 пикселей и более. Если, конечно, вы хотите, чтобы логотип вашего сайта выглядел прилично и на Рабочем столе пользователя. Но не переусердствуйте! Слишком большой по размеру файл иконки будет заметно тормозить загрузку сайта. Учтите так же, что размер ICO-файла не должен превышать 300 Кб.
