Вы, наверное, замечали, что если в поисковике (yandex, rambler) набрать запрос, то на странице поиска у многих сайтах слева будет отображаться некий значок, так скажем, эмблема сайта. В рамблере для примера было набрано слово "борода" и вот что выдал поисковик:
Также при клике на один из этих сайтов в каждой вкладке браузера будет та иконка, которая в поиске находилась слева от этого сайта:
Там, где логотип не был отображён в поисковике, он отсутствует и во вкладке с веб-страницей, а на его месте находится значок браузера, с помощью которого пользователь "гуляет" по интернету.
Иконка сайта определяется файлом favicon с расширением *.ico, а именно favicon.ico. Если этот файл отсутствует, то и логотипа у сайта не будет.
Favicon есть сокращённое от англиского словосочетания FAVorites ICON. Дословно оно переводится на русскиий язык как иконка избранное, а если грамотно сказать, то иконка (значок) для избранного. Первым браузером, который поддерживал иконки для сайтов стал Internet Explorer 5. Favicon традиционно является значком, размером 16х16 пикселей и сохраняется в корневом каталоге сайта (httpdocs чаще всего).
Один из способов создания иконки - это нарисовать её самому. Для создания "фавикона" хорошо подходит сайт favicon.cc.
Выше показано меню сайта favicon.cc. В левом окне находится текстовое меню. Верхняя строчка Create New Favicon переводится на русский язык как создать новую иконку для избранного. С помощью ссылки Import Image можно загрузить фотку с домашнего компьютера и программа сделает "фавикон" из неё. Строчка My Created Favicons означает фразу созданные мной "фавиконы". Если кликнуть на надпись Latest Favicons, то "вылезет" список значков, созданных при помощи данного сайта различными пользователями, начиная с самого последнего (значка). Любой из этих "фавиконов" можно скачать и сделать значком своего сайта. По ссылке Top Rated Favicons находятся самые популярные иконки. Ну а строчка Log Out обозначает выход.
Поле посередине является полем для создания "фавиконов". Каждый квадратик является отдельным пикселем. Размер поля - 16х16 пикселей.
В правой части находятся инструменты для рисования: палитра цветов, стирательная резинка.
Чтобы можно было сохранять иконки и отправлять их себе на компьютер на сайте favicon.cc необходимо зарегистрироваться и это единственный минус!
Под полем для рисования "фавиконов" находится окошко с названием Preview.
С помощью ссылки Download Favicon можно загрузить созданный значок себе на компьютер. Если же нажать на ссылку Publish under an open license (публикация под открытой лицензией), то иконка сохраниться в базе данных сайта и любой человек сможет использовать её как логотип для своего сайта.
Существуют и другие сайты для создания "фавиконов", но о них здесь рассказано не будет. Эти сайты можно найти в поисковиках.
После того, как иконка для сайта "появилась на свет" её следует копировать на хостинг в корневую папку с вашим сайтом, чаще всего эта папка называется httpdocs. Если сайтов несколько, то в папку с каждым сайтом необходимо поместить свой значок. Если сайт сделан на CMS фавикон необходимо разместить в папке с шаблоном сайта, например в joomla папка с шаблонами называется templates, в ней находим каталог со своим шаблоном и в этот каталоге вместо старого значка вставляем свой.
Комментарии
Кстати Ольга, на этот ваш сайт яндекс видит favicon)
Должен находить, если всё правильно сделано, а отображается вверху браузера во вкладке с сайтом?
RSS лента комментариев этой записи