Иконка - визитная карточка сайта, придающая ему индивидуальность. Как правило, создают ее вместе с самим дизайном, однако, если вы это упустили, вы можете разработать ее самостоятельно.
Как правило, дизайн сайта включает в себя все графические изображения, которые видит пользователь на странице. В обязательном порядке дизайнер создает и favicon - иконку, которую вы видите в адресной строке рядом с адресом того или иного сайта. Она придает индивидуальность, делает сайт более запоминающимся и удобным пользователю.
В случае, если сайт вы разрабатывали самостоятельно, и делали это в первый или во второй раз, вы наверняка забыли про такой маленький, но важный элемент. На таких сайтах по умолчанию устанавливается значок браузера или системы управления (например, "Джумлы").
Самостоятельно создать иконку несложно. Для этого вам необходим любой графический редактор (иногда используются и специализированный сервис). Это может быть и простой Photoshop, и специализированные MicroAngelo или IconXP.
Итак:
1. Открываем в редакторе квадратное изображение, подходящее вам;
2. Уменьшаем его до 16х16 пикселей;
3. Сохраняем в формате .ico;
4. Полученное изображение загружаем в корневую директорию сайта, после чего прописываем в тегах head /head такой код: link rel="icon" href="/name.ico" type="image/x-icon".
Вам остается только обновить страницу сайта, и вы сможете оценить иконку лично.
Как создать или выбрать изображение для иконки?
С технической точки зрения создание иконки достаточно простая и доступная каждому технология. Однако на выходе может оказаться совсем не то, что бы вы хотели. Именно поэтому в профессиональном дизайне иконка подчас является самым сложным в создании элементом сайта.
Как правильно подобрать изображение для иконки самостоятельно?
Во-первых, учтите, что все, что увидит пользователь, ограничится крохотным значком над сайтом. Размеры его минимальны, поэтому не стоит пытаться создать что-то сложное. Хорошим вариантом будет буква или какой-либо другой символ. Простейший рисунок тоже может подойти. Тот же принцип простоты и понятности следует учитывать и при выборе цветов. 2-3 цвета, достаточно ярких и в обязательном порядке гармонирующих друг с другом, вполне хватит. Нередко хватает и двух цветов - для фона и рисунка.
Во-вторых, учтите, что вы создаете иконку для конкретного сайта, уже имеющего дизайн. Иконку пользователь увидит в любом случае, привлекать к ней внимание специально необязательно. Она должна быть выполнена в том же стиле, что и дизайн самого сайта.
Многие веб-мастера используют изображения, уже размещенные на страницах сайта в качестве основных элементов дизайна. Нередко в качестве иконки используют первую букву названия сайта или символ, обозначающий его тему и направление. Вариантов может быть много - от самых "прозрачных" до сложных. Главное - помнить, что иконка должна отвечать стилю и содержанию сайта.
