Меня часто спрашивают, как сделать «эту маленькую иконку рядом с адресом сайта?». Сегодня я расскажу, как без особого труда и заморочек сделать иконку и установить на сайт. Речь пойдет о специальных сервисах создания иконок, а не о том, как нарисовать иконку самому с нуля, об этом в следующий раз.
Иконки отображаются в адресной строке браузера, при добавлении в избранное, при выдаче в поисковых системах. Эта маленькая картинка привлекает к себе внимание и кратко отражает суть сайта. Пример нашей иконки:
Существует масса сервисов создания иконок, я рекомендую — . Для создания иконки нам понадобится картинка, не большая по размеру и довольно простая, потому что при уменьшении, показать что-либо осмысленное трудно. Можно, например, использовать логотип фирмы, но это уже на свой вкус.
Загружаем картинку на , далее можно отредактировать иконку, сделать пространство вокруг нее прозрачным, чтобы лучше смотрелась. Когда все изменения сделаны, можно скачать иконку себе на компьютер и порадоваться результату.
Но как же установить иконку на сайт? Все просто.
1. Загружаем иконку в корневой каталог сайта. Желательно, чтобы она имела название «favicon.ico».
2. Добавляем на каждую страницу сайта между тегами <head> (ПЕРЕД закрывающим тегом </head>), следующий код:
<link rel=»icon» href=»favicon.ico» type=»image/x-icon»>
<link rel=»shortcut icon» href=»favicon.ico» type=»image/x-icon»>
Все, иконка установлена на сайт, поздравляю.
Если чем то не устраивает русский сервис создания иконок, есть зарубежный аналог , а если совсем лень искать картинку, то можно поискать иконку в базе иконок — , что-нибудь да понравится.
