Далее скачанную иконку, нужно поместить в корень Вашего сайта. Браузеры должны автоматически определять иконку и устанавливать ее в качестве основной, но чтобы перестраховаться, можете добавить в шапку Вашего сайта следующий код.
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" />
Он поможет найти и определить Вашу иконку. Если вы все сделали правильно, то возле названия сайта, на вкладке в Вашем браузере появится ранее сделанная Вами иконка.
На Firefox бывает, что сразу не меняется, только через определенное время, попробуйте почистить кэш браузера или проверить на другом.
Есть еще сервис favicon.cc
С помощью него можно попиксельно нарисовать иконку, используя большую палитру цветов и полотно 16 на 16 квадратиков, которые представляют пиксели в будущем. В общем Выбирайте что Вам удобнее и создавайте. Иконка это как маленькая Визитка, и некоторые пользователи, благодаря ей узнают Ваш сайт, в том же поиске Яндекса или в сохраненных закладках своего браузера. Так что не стоит недооценивать, этот маленький, но важный элемент.
На этом все. Спасибо за внимание 🙂
