Создать Favicon.ico для своего сайта

Как не затеряться в безбрежных просторах всемирной паутины?

Необходимо проявление личного стиля и современности даже в адресной строке?

Вам просто необходимо создать Favicon.ico для сайта.

Что такое Favicon

Термин Favicon происходит от словосочетания FAVorites ICON, что в переводе с английского означает «иконка для «Избранного»».

Значок favicon отображается:

  • на таб-баре:

Favicon

  • рядом с заголовком сайта в «Избранном» и «Закладках» вместо общей для всех стандартной иконки:

Favicon

  • в адресной строке браузера:

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.

Установка значка сайта

  1. Создать иконку favicon.ico.
  2. Скопировать favicon.ico в корневую папку сайта.
  3. Вставить следующий код в секцию заголовка страницы (между тегами <head></head>):
    <link rel=»icon» href=»/favicon.ico» type=»image/x-icon»>
    <link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
  4. Перезагрузить сайт.

Создание значка Favicon.ico

Самый простой способ создать Favicon.ico — скачать нужную иконку из коллекций фавикон в специально подобранных галереях. Если же вы хотите создать Favicon.ico для своего сайта самостоятельно, то можно воспользоваться помощью:

  • онлайн-генераторов для создания favicon;
  • специальных программ (Microangelo, QTam Bitmap to Icon, Axialis IconWorkshop);
  • специального плагина для Photoshop (например — IconBuilder-XP100).

Онлайн-генераторы для создания favicon

FaviconДля патриотов русского языка очень удобен онлайн-генератор Favicon.ru. Если возникают какие-то проблемы с установкой значка или требуется дополнительная информация, то удобно воспользоваться услугами Favicon.ru FAQ.

Для любителей рисовать иконки собственными руками существуют онлайн-генераторы (к примеру, Favicon.cc, 256pixels, Favicon Maker), позволяющие как самостоятельно создавать favicon, так и импортировать готовое изображение, картинку при этом надо подбирать простую, в которой минимум цветов и деталей. Предварительный просмотр в этих программах сразу позволяет оценить созданный вами «шедевр». Кроме того, Favicon.cc содержит огромную коллекцию (около 55 тысяч) различных значков, в том числе и анимированных.

Вам может оказаться полезной наша рекомендация: 10 шагов к первому миллиону. Е-книга Вячеслава Челпаченко.

Из онлайн-генераторов значков сайта из загружаемого изображения хочется отметить:

  • FavIcon from Pics 2.0 (есть обучающее видео);
  • AntiFavicon (позволяет создавать иконки с надписью);
  • Iconj, FAVICON GENERATOR & GALLERY — генераторы значков сайта с галереей готовых работ.

Григорий Гомов

Ещё статьи по теме:
Как создать бесплатный сайт на Украине.
Создать сайт с помощью Joomla.

Рейтинг
( Пока оценок нет )
Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Проверка комментариев включена. Прежде чем Ваши комментарии будут опубликованы пройдет какое-то время.

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.