Как сделать иконку для сайта? (файл favicon.ico)
09.10.2009 07:08
Иконка для сайта (файл favicon.ico) – это картинка размером 16Х16 пикселей, характерная для большинства профессионально сделанных сайтов. Favicon – сокращение от Favorite Icon (любимая иконка) . Ее можно наблюдать в адресной строке, в папке Избранное(Закладки) , также во вкладках браузеров и в результатах выдачи Яндекса. По умолчанию в качестве иконки сайта отображается неприметный стандартный значок:
Рис.1 Пример внешнего вида иконки в адресной строке
1 - Внешний вид при наличии иконки;
2 - Вид по умолчанию (без иконки) ;
Рис.2 Пример внешнего вида иконки в Избранном(Закладки)
1 - Внешний вид при наличии иконки;
2 - Вид по умолчанию (без иконки) ;
Рис.3 Пример внешнего вида иконки во вкладках браузеров
1 - Внешний вид при наличии иконки;
2 - Вид по умолчанию (без иконки) ;
Иконка придает сайту индивидуальность, делает его не похожим на другие. Актуальность иконок для сайтов на сегодняшний день обуславливается и тем, что Яндекс начал показывать их в результатах поиска , поэтому если иконка имеет привлекательный вид, есть шанс, что взгляд пользователя "зацепится" за нее, и он перейдет по ссылке на Ваш ресурс.
Короче говоря, если Вы хотите, чтобы Ваш сайт был оригинальным и уникальным в глазах посетителей, то пора задуматься над созданием иконки favicon.ico .
Обычно, на иконке изображают мини-логотип компании...
Самый простой и быстрый способ сделать иконку для сайта - воспользоваться сервисом http://favicon.ru/.
Для этого желательно заранее подготовить изображение вашей будущей иконки. Такое изображение можно сделать в любом графическом редакторе, я например делаю все в Adobe Photoshop. Можно вообще найти подходящее изображение в Google, воспользовавшись поиском по картинкам. Короче нужно подключить фантазию...
Лучше делать квадратное изображение, т.к. сервис favicon.ru будет уменьшать это изображение до размера 16х16 пикселей, и если оно изначально было не квадратное, то возможны незначительные искажения. Размер файла не должен превышать 300кб.
После того, как изображение сделано или найдено, его нужно загрузить на сервис http://favicon.ru/ , затем нажать кнопку "Создать favicon.iсo" , ну и скачать получившуюся иконку, перейдя по ссылке "Скачать favicon.ico!". Наконец главное, получившийся файл favicon.iсo нужно закачать в корневую директорию Вашего сайта(туда, где лежит главная страница). Браузер автоматически найдет этот файл и добавит его в адресную строку и закладки.
Если по каким-то причинам Вы не можете разместить этот файл в корне сайта, тогда нужно указать браузеру, где он находится, для этого в каждую страницу сайта , между тегами head нужно вставить тег link:
<head> <link rel="shortcut icon" href="/icon/favicon.ico"> </head>
Как Вы наверное уже знаете, атрибут href указывает на расположение файла. В данном случае файл иконки favicon.iсo лежит в папке icon .
Оценить результаты Вашей работы можно сразу, для этого нужно ввести адрес сайта в браузере. Если все сделали верно, то иконка должна отображаться слева от адреса (так как показано на Рис.1).
В результатах выдачи Яндекса, иконка появится не сразу. Это связано с временем обновления кэша поисковика, которое может составлять от недели до нескольких месяцев.
Автор: Андрей Галямов
Сайт: http://zvirec.com
