Как сделать и установить favicon для сайта

Favicon — это значок для сайта или веб-страницы (происходит от английского favorites icon, из-за чего его иногда называют иконка). Этот значок отображается браузером на открытых вкладках с адресом страницы, и в некоторых других элементах интерфейса.

Фавикон не обязателен для сайта, но его наличие позволит украсить и выделить сайт в поисковой выдаче.

Первоначально фавикон представлял собой графический файл с именем favicon.ico, размещенный в корневой папке сайта. Картинка отображается с разрешением 16х16 пикселов, поэтому первоначально и сам файл должен был иметь такое разрешение. Однако сейчас вы можете сделать файл размером 32х32 и браузер сам его масштабирует до нужного размера.

Сделать значок вы можете в графическом редакторе, поддерживающем формат ico. Например, в популярном редакторе paint.net это можно делать при установленном плагине IcoCur.dll.

Также в интернет много онлайн редакторов значков ico. Например,

• http://www.favicon.cc/
• http://favicon.ru/
• http://www.cy-pr.com/tools/favicon/

Здесь вы можете загрузить любой графический файл в качестве заготовки, а затем подредактировать его и сохранить в формате ico.

Таким образом самый простой вариант установить фавикон на ваш сайт — это подготовить значок с именем favicon.ico и поместить его в корневую папку сайта.

Однако можно использовать более гибкие возможности по работе с фавиконом.
Во-первых, его можно разместить во вложенной папке и добавить в коде сайта WordPress (внутри head) путь к значку, в виде html-кода, например так:

rel=»shortcut icon» — это атрибут, указывающий, что это ссылка на favicon. В качестве параметра можно указывать только icon, но не все браузеры это понимают.

Ну и во-вторых, можно делать значки в любом графическом формате, например, в png. Тогда инструкция подключения значка может выглядеть так: