Иконка для сайта

Меня часто спрашивают, как сделать «эту маленькую иконку рядом с адресом сайта?». Сегодня я расскажу, как без особого труда и заморочек сделать иконку и установить на сайт. Речь пойдет о специальных сервисах создания иконок, а не о том, как нарисовать иконку самому с нуля, об этом в следующий раз.

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

Существует масса сервисов создания иконок, я рекомендую — favicon.ru. Для создания иконки нам понадобится картинка, не большая по размеру и довольно простая, потому что при уменьшении, показать что-либо осмысленное трудно. Можно, например, использовать логотип фирмы, но это уже на свой вкус.
Загружаем картинку на favicon.ru, далее можно отредактировать иконку, сделать пространство вокруг нее прозрачным, чтобы лучше смотрелась. Когда все изменения сделаны, можно скачать иконку себе на компьютер и порадоваться результату.

Но как же установить иконку на сайт? Все просто.
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»>

Все, иконка установлена на сайт, поздравляю.

Если чем то не устраивает русский сервис создания иконок, есть зарубежный аналог www.favicon.co.uk, а если совсем лень искать картинку, то можно поискать иконку в базе иконок — www.favicon.fr, что-нибудь да понравится.

5 thoughts on “Иконка для сайта”

  1. супер! Я знала что так можно сделать, но как-то руки не доходили. А тут все коротко и ясно написано. Спасибочки 🙂

  2. А у меня почему то ничего не получилось. Может быть потому, что сайт находится на бесплатном хостинге narod.ru? 😥

Добавить комментарий для работа Отменить ответ

Ваш e-mail не будет опубликован.