Как не затеряться в безбрежных просторах всемирной паутины?
Необходимо проявление личного стиля и современности даже в адресной строке?
Вам просто необходимо создать Favicon.ico для сайта.
Что такое Favicon
Термин Favicon происходит от словосочетания FAVorites ICON, что в переводе с английского означает «иконка для «Избранного»».
Значок favicon отображается:
- на таб-баре:
- рядом с заголовком сайта в «Избранном» и «Закладках» вместо общей для всех стандартной иконки:
- в адресной строке браузера:
Иконка сайта — это важный элемент современного дизайна, она подчеркивает его индивидуальность. Кроме того, наличие иконки позволяет ускорить процесс поиска сайта, выделяя его в выданном поисковиком списке, надо только правильно настроить параметры поиска. У поисковой системы Яндекс имеется специальный робот-поисковик, специализирующийся на индексации favicon. В его задачу входит сбор и обновление favicon для всех сайтов.
Что надо знать про favicon
- Иконка favicon — это логотип сайта.
- Значок сайта должен быть прост, но уникален!
- Формат favicon.ico — 16х16 пикселей, 256 цветов или TrueColor.
- Период обновления иконок favicon у робот-поисковика занимает от нескольких дней до месяца.
Все браузеры нынешнего времени (Internet Explorer не учитывается) допускают использование форматов .PNG, .GIF, .BMP вместо .ICO. - Internet Explorer — это единственный из браузеров, который отображает значок сайта при добавлении сайта в «Избранное», а значок favicon.ico находится в «корне» на сервере.
- Отдельным страницам сайта можно назначать разные иконки.
- Можно создавать анимированные фавиконы, но пока овчинка выделки не стоит, поскольку их динамичность будет отображаться только в FireFox. Остальные браузеры показывают иконки в стандартном статичном виде. Яндекс также игнорирует анимацию, преобразуя favicon.ico в статичный формат .PNG.
Установка значка сайта
- Создать иконку favicon.ico.
- Скопировать favicon.ico в корневую папку сайта.
- Вставить следующий код в секцию заголовка страницы (между тегами <head></head>):
<link rel=»icon» href=»/favicon.ico» type=»image/x-icon»>
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” /> - Перезагрузить сайт.
Создание значка Favicon.ico
Самый простой способ создать Favicon.ico — скачать нужную иконку из коллекций фавикон в специально подобранных галереях. Если же вы хотите создать Favicon.ico для своего сайта самостоятельно, то можно воспользоваться помощью:
- онлайн-генераторов для создания favicon;
- специальных программ (Microangelo, QTam Bitmap to Icon, Axialis IconWorkshop);
- специального плагина для Photoshop (например — IconBuilder-XP100).
Онлайн-генераторы для создания favicon
Для патриотов русского языка очень удобен онлайн-генератор Favicon.ru. Если возникают какие-то проблемы с установкой значка или требуется дополнительная информация, то удобно воспользоваться услугами Favicon.ru FAQ.
Для любителей рисовать иконки собственными руками существуют онлайн-генераторы (к примеру, Favicon.cc, 256pixels, Favicon Maker), позволяющие как самостоятельно создавать favicon, так и импортировать готовое изображение, картинку при этом надо подбирать простую, в которой минимум цветов и деталей. Предварительный просмотр в этих программах сразу позволяет оценить созданный вами «шедевр». Кроме того, Favicon.cc содержит огромную коллекцию (около 55 тысяч) различных значков, в том числе и анимированных.
| Вам может оказаться полезной наша рекомендация: Создай свой сайт за 1 день. Пошаговая видео-инструкция Вячеслава Челпаченко. |
Из онлайн-генераторов значков сайта из загружаемого изображения хочется отметить:
- FavIcon from Pics 2.0 (есть обучающее видео);
- AntiFavicon (позволяет создавать иконки с надписью);
- Iconj, FAVICON GENERATOR & GALLERY — генераторы значков сайта с галереей готовых работ.
Григорий Гомов
Ещё статьи по теме:
Как создать бесплатный сайт на Украине.
Создать сайт с помощью Joomla.
