Абориген XXI века

Иконка для сайта (файл favicon.ico) – это картинка размером 16Х16 пикселей, характерная для большинства профессионально сделанных сайтов.
Favicon – сокращение от Favorite Icon (любимая иконка) . Ее можно наблюдать в адресной строке, в папке Избранное(Закладки) , также во вкладках браузеров и в результатах выдачи Яндекса.
По умолчанию в качестве иконки сайта отображается неприметный стандартный значок:

Как сделать иконку для сайта? (файл favicon.ico)

Рис.1 Пример внешнего вида иконки в адресной строке

1 - Внешний вид при наличии иконки;
2 - Вид по умолчанию (без иконки) ;

Рис.2 Пример внешнего вида иконки в Избранном(Закладки)

1 - Внешний вид при наличии иконки;
2 - Вид по умолчанию (без иконки) ;

Рис.3 Пример внешнего вида иконки во вкладках браузеров

1 - Внешний вид при наличии иконки;
2 - Вид по умолчанию (без иконки) ;

Рис.4 Пример внешнего вида иконки в результатах выдачи Яндекса

1 - Внешний вид при наличии иконки;
2 - Вид по умолчанию (без иконки) ;

Иконка придает сайту индивидуальность, делает его не похожим на другие. Актуальность иконок для сайтов на сегодняшний день обуславливается и тем, что Яндекс начал показывать их в результатах поиска , поэтому если иконка имеет привлекательный вид, есть шанс, что взгляд пользователя "зацепится" за нее, и он перейдет по ссылке на Ваш ресурс.

Короче говоря, если Вы хотите, чтобы Ваш сайт был оригинальным и уникальным в глазах посетителей, то пора задуматься над созданием иконки favicon.ico .

Обычно, на иконке изображают мини-логотип компании...

Самый простой и быстрый способ сделать иконку для сайта - воспользоваться сервисом http://favicon.ru/.

Для этого Вам желательно заранее подготовить изображение вашей будущей иконки. Лучше делать квадратное изображение, т.к. сервис favicon.ru будет уменьшать это изображение до размера 16х16 пикселей, и если оно изначально было не квадратное, то могут появиться незначительные искажения. Размер файла не должен превышать 300кб.

Такое изображение можно сделать в любом графическом редакторе, я например делаю все в Adobe Photoshop. Можно вообще найти подходящее изображение в Google, воспользовавшись поиском по картинкам. Короче нужно подключить фантазию...

После того, как изображение найдено или сделано, его нужно загрузить на сервис http://favicon.ru/ , затем нажать кнопку "Создать favicon.iсo" , затем скачать получившуюся иконку, перейдя по ссылке "Скачать favicon.ico!" , и наконец главное, что нужно сделать, это закачать получившийся файл favicon.iсo в корневую директорию Вашего сайта(туда, где лежит главная страница). Браузер автоматически найдет этот файл и добавит его в адресную строку и закладки.

Если по каким-то причинам Вы не можете разместить этот файл в корне сайта, тогда нужно указать браузеру, где он находится, для этого в каждую страницу сайта , между тегами head нужно вставить тег link:

Как Вы наверное уже знаете, атрибут href указывает на расположение файла. В данном случае файл иконки favicon.iсo лежит в папке icon .

Оценить результаты Вашей работы можно сразу, для этого нужно ввести адрес сайта в браузере . Если все сделали верно, то иконка должна отображаться слева от адреса (так как показано на Рис.1) .

В результатах выдачи Яндекса, иконка появится не сразу. Это связано с временем обновления кэша поисковика, которое может составлять от недели до нескольких месяцев.

Как сделать иконку для сайта? (файл favicon.ico)