Как добавить Favicon?

Favicon называют специальную иконку, которую видно вверху страницы интернет-обозревателя при открытии того или иного сайта. Это очень удобно, когда по такой иконке пользователь сразу узнает сайт. Ее видно и в списке закладок, и при выдаче поисковой системой сайтов по запросу. Использование Favicon давно стало стандартом, а сайт без этой иконки сразу показывает, что его разработчики — не особо опытные специалисты. В общем и целом наличие этого элемента повышает доверие и узнаваемость проекта. Здесь мы разберем самый простой способ создания Favicon.

  1. Для начала необходимо сделать изображение, которое, собственно, и будет иконкой вашего сайта. Для этого нужно запустить приложение для работы с графикой (Paint.net, Photoshop, Gimp или любое другое). В нем вам нужно создать картинку размером 16×16. Правильнее всего использовать формат ico. Многие современные браузеры распознают фавикон и в других графических форматах, но во избежание конфликта версий лучше все же использовать родной для такого рода изображений формат.
  2. Некоторые простейшие графические редакторы не поддерживают работу с ico файлами. В таком случае вы можете создать изображение в любом другом формате, а затем использовать соответствующий веб-сервис для преобразования файла. Таких сервисов достаточно много и все они имеют простой интерфейс и не требуют особых навыков для конвертации. Также, при желании, некоторые из этих сервисов можно использовать для всех этапов разработки нужной вам иконки.
  3. Тут важно сказать пару слов о выборе изображения для Фавикон. Рекомендуем провести исследование среди сайтов, похожих на ваш по тематике или направлению деятельности. Это важно для того, чтоб, во-первых, не повторяться, а, во-вторых – нащупать идею для своей иконки. Изображение должно, в целом, отображать тематику, но при этом не дублировать по цвету и схеме подобные проекты. Также не стоит выбирать слишком мелкое изображение, которое не может быть понятно с первого взгляда.

    Варианты изображений для Фавикон
    Варианты изображений для Фавикон
  4. После того, как ваша иконка готова, остается залить ее на сервер с сайтом. Имя файла должно быть favicon.ico. Это поможет избежать путаницы при обработке браузерами. Лучше сразу поместить файл в корневую папку. Другой вариант – явно указать в коде сайта ссылку на место размещения файла. Теперь остается разместить следующую строчку (<link rel=»shortcut icon» type=»image/x-icon» href=»favicon.ico»>) в код сайта (в заголовок html документа).
  5. Для большинства популярных систем управления сайтами существуют специальные плагины по управлению иконками Favicon. Если вы используете одну из таких CMS, то попробуйте этот способ. Он сравнительно легче и позволяет быстро менять иконку без необходимости открывать исходные файлы сайта.

Видео: Как добавить иконку сайта (фавикон) в Adobe Muse CC

Добавить комментарий