Фавикон – это визитная карточка для любого сайта, которая придает ему индивидуальность. Чаще всего ее разрабатывают вместе с дизайном, но если вы упустили данный момент, то ничего страшного, ведь ее очень легко сделать и самому.
Дизайн сайта включает в себя разные графические изображения, которые видит на странице пользователь. Заказывая разработку дизайна у профессионала, получают и favicon – иконку, находящуюся рядом с адресом сайта. Она делает сайт индивидуальным и запоминающимся.
В том случае, если вы занимались разработкой сайта сами и делали это впервые, вы, скорей всего, забыли про такой маленький, но очень важный элемент. Обычно на таких сайтах по умолчанию становится значок системы управления или значок браузера.
Создать новую иконку самому довольно просто. Для этой цели подойдет любой графический редактор (некоторые используют специализированный сервис). Среди программ стоит выделить IconXP, MicroAngelo или Photoshop. И ещё, очень удобно сделать фавикон на сайте favicon.ru.
Итак, как же это сделать?
• Сначала открываем в графическом редакторе выбранное квадратное изображение.
• Делаем его 16х16 пикселей.
• После этого сохраняем, выбрав формат .ico.
• Изображение загружаем в корневую папку сайта и заключаем в теги <head> … </head> следующий код: link rel=”icon” href=”/имя файла.ico” type=”image/x-icon”.
Вот и все готово. И, чтобы оценить свою иконку, вам остается только обновить страницу.
Как выбрать изображения для иконки?
Создание иконки с технической точки зрения довольно простое, и поэтому это сделать может каждый. Но, как показывает практика, многие на выходе получают не то, что хотелось бы. Вот, собственно, почему в профессиональном дизайне такой элемент считается самым сложным при создании сайта.
Чтобы выбрать картинку, в первую очередь вы должны учесть, что посетители вашего ресурса увидят только маленький значок над сайтом. Именно поэтому вам нет никакого смысла создавать что-то сложное. Неплохим вариантом будет буква или какой-то другой разборчивый символ. Может также подойти и простейший рисунок. Этого же принципа стоит придерживаться и при выборе цветов: пусть это будет гармония из двух-трех цветов, этого достаточно. Чаще всего разработчики отдают предпочтение двум цветам: один для рисунка, другой для фона.
Не забывайте и о том, чтобы вы создаете иконку под конкретный сайт, который уже имеет дизайн. Пользователь увидит иконку в любом случае, поэтому нет смысла привлекать его внимание к ней. Ее нужно сделать в таком же стиле, что и дизайн сайта.
Многие используют уже размещенные на страницах ресурса изображения. Часто в качестве иконки применяют символ, обозначающий его направление или первую букву названия проекта. Здесь вариантов может быть очень много, от простейших до самых сложных. Главное, ни не секунду не забывать, что иконка должна отвечать содержанию и стилю сайта.