Favicon твоему сайту
Здравствуйте, Друзья.
Я, решил написать серию статей по графике сайта. Т.е. я буду рассказывать не о том как сделать сайт, а как сделать его запоминающимся.
Первую статью, я решил посвятить favicon'у. Как говорится встречают по шаблону и фавикону.
Favicon (англ. Favorite Icon), как многие знают, это иконка в специальном формате, которая отображается в адресной строке, при посещении какого-либо сайта, например этого, вкладке браузера или в его закладках (“Избранном”). Обычно она хранится в корневой папке сайта и называется favicon.ico.
Favicon для сайта, это тоже самое что аксессуары в одежде, например, носовой платок торчащий из нагрудного кармана пиджака. Если его нет, навряд ли кто-то заметит, а если есть – это подчеркнет Вашу элегантность, выделит из толпы и заставит запомнить. Согласитесь, в платке нет ничего неординарного, обыденная вещь, но каков результат он производит на общественность! Хотя, если у Вас будет помятый пиджак, то от платка толку не будет… Вот так же и favicon для сайта...если сайт корявый, то favicon вас не спасет. В продвижение сайта, в его узнаваемости favicon играет очень важную роль. Favicon необходим каждому сайту, порой фавикон запоминается даже лучше, чем название сайта.
Существует 3 метода сделать favicon:
- нарисовать самому в фотошопе;
- найти и вставить уже готовый;
- воспользоваться сервисами по рисованию или генерации favicon.
Рассмотрим каждый из способов.
Можно воспользоваться уже готовым вариантом. Я этого делать не рекомендую. Представьте что у тысячи сайтов будет одинаковый favicon. Это называется безличие. Бредовый вариант.
Зачем пользоваться готовыми вариантами, если можно всего за несколько секунд сделать фавикон через специальные сервисы.
http://favicon.ru/ - сервис по генерации фавиконов из уже нарисованных вами иконок в различных форматах.
http://www.favicon.cc/ - этим сервисом пользуюсь я, и отдал ему предпочтение, так как тут можно нарисовать фавикон попиксельно.
Загрузка и установка Favicon.
Загрузите файл favicon.ico на сервер Вашего сайта. Вы должны поместить его главную (корневую) директорию, там же где находится файл Index. Убедитесь, что Ваш файл находится именно там, а не внутри каталога или каких-либо других папках. Если Вы сделали всё правильно (и назвали файл favicon.ico), большинство браузеров найдут его автоматически. Но лучше после тега <head> добавить в HTML-код Вашего сайта следующую строку:
Если ваш новый значок не появляется сразу, попробуйте обновить страницу или очистить кэш.
Устранение неполадок.
В браузере Microsoft IE 6 для Windows значок Вашего сайта не будет отображаться до тех пор, пока веб-страница не будет добавлена в «Избранное». Или попробуйте перейти к адресной строке, нажмите на существующий (как правило, IE по умолчанию) значок, а затем "jiggle". После этого необходимо перезагрузить страницу.
В FireFox, нужно очистить кэш и перезагрузить браузер.
В Опере, просто обновите.
Так же могут возникнуть проблемы с Internet Explorer 7. Для устранения этих проблем нужно ввести код:
<link rel="icon" type="image/ico" href="favicon.ico"> <link rel="icon" type="image/ico" href="favicon.ico">
Спасибо за внимание. Следующий урок будет посвящен логотипу и выбору названия сайта.
Просмотров: 3380