Иконка для сайта
Категория: СокровищаМеня часто спрашивают, как сделать «эту маленькую иконку рядом с адресом сайта?». Сегодня я расскажу, как без особого труда и заморочек сделать иконку и установить на сайт. Речь пойдет о специальных сервисах создания иконок, а не о том, как нарисовать иконку самому с нуля, об этом в следующий раз.
Иконки отображаются в адресной строке браузера, при добавлении в избранное, при выдаче в поисковых системах. Эта маленькая картинка привлекает к себе внимание и кратко отражает суть сайта. Пример нашей иконки:
Существует масса сервисов создания иконок, я рекомендую — . Для создания иконки нам понадобится картинка, не большая по размеру и довольно простая, потому что при уменьшении, показать что-либо осмысленное трудно. Можно, например, использовать логотип фирмы, но это уже на свой вкус.
Загружаем картинку на , далее можно отредактировать иконку, сделать пространство вокруг нее прозрачным, чтобы лучше смотрелась. Когда все изменения сделаны, можно скачать иконку себе на компьютер и порадоваться результату.
Но как же установить иконку на сайт? Все просто.
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”>
Все, иконка установлена на сайт, поздравляю.
Если чем то не устраивает русский сервис создания иконок, есть зарубежный аналог , а если совсем лень искать картинку, то можно поискать иконку в базе иконок — , что-нибудь да понравится.
17 июня 2008 в 21:02
Очень интересно, спасибо.
6 июля 2008 в 23:05
Всегда интересовал вопрос, как же это делается, спасибо.
7 ноября 2008 в 16:18
супер! Я знала что так можно сделать, но как-то руки не доходили. А тут все коротко и ясно написано. Спасибочки
7 февраля 2009 в 18:59
А у меня почему то ничего не получилось. Может быть потому, что сайт находится на бесплатном хостинге narod.ru?
4 июля 2009 в 8:48
Спасибо!!!