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