Фавикон/Favicon - создание и добавление

В этой главе:

  • Что такое фавикон

  • Создание

  • Добавление фавикона

Что такое фавикон

Дословное значение понятия Favicon - это иконка для избранного. Фавикон отображается в адресной строке браузера, перед URL страницы, также его можно заметить в качестве картинки рядом с закладкой. Поисковая система Яндекс, придала фавикону большое значение и транслирует его вместе с результатами поиска.

favicon

Создание

Для создания файла favicon можно использовать практически любой графический редактор, который имеет возможность создания, редактирования и сохранения файлов с расширением ".ico". Размер фавикона должен составлять 16x16 пикселей.

Некоторые дизайнеры, при создании favicon, просто уменьшают изображение до нужного размера, но практически во всех случаях подобная практика не приводит к хорошему результату.

При создании файла фавикон следует обращать внимание на следующие нюансы:

  • Favicon должен быть выполнен в том же стиле, что и сайт, так как он является своего рода визитной карточкой вашего проекта.

  • Изображение, которое вы хотите поместить в фавикон, должно быть предельно простым для понимания, лучше используйте всего несколько элементов.

  • Следите за тем, что бы favicon, максимально передавал суть вашего сайта, бизнеса, проекта.

  • Создавать фавикон нужно так, что бы он вызывал у посетителей вашего сайта ассоциации. Например, иконка телефона, для салона мобильных телефонов.

В качестве примера можно привести Favicon Create (скачать) – это самая простая программка. Чтобы сделать иконку понадобится всего лишь обычная картинка в формате *.jpg, или *.bmp, которую можно сделать в любом графическом редакторе, даже в том же пейнте. Загружаем картинку в программу, затем выбираем размер, глубину цвета и нажимаем кнопку старт. Все готово.

Добавление фавикона

Технически добавление файла фавикон на сайт не представляет особого труда. Для этого в начало HTML документа потребуется вписать всего одну строку с тегом <link>, в котором нужно указать путь к иконке favicon. Также можно указывать разные иконки для разных страниц сайта, но только в том случае, если вам действительно необходимо создание нескольких фавиконов.

Попробуйте сами:

1
2
3
4
5
6
7
8
9
<html>
  <head>
 
    <link rel="icon" href="путь_к_иконке/favicon.ico" type="image/x-icon">
 
  </head>
  <body>
  </body>
</html>

Не стоит недооценивать значение favicon, особенно сегодня, когда в сети Интернет находятся миллиарды сайтов и страниц, часть из которых являются вашими конкурентами. Favicon сайта способствует его запоминаемости и узнаваемости. Не следует упускать дополнительную возможность, улучшить свой ресурс.