Как сделать фавикон для сайта

Автор: | Кат.: Веб-мастерам | 25.02.2012

 

фавиконНаходясь в сети Интернет, мы постоянно видим различные фавиконы сайтов. Они отличаются друг, от друга выделяя при этом сайт, которому они принадлежат из общей массы. Это придает индивидуальность веб — ресурсам. Некоторые сайты не имеют собственного фавикона. Владельцы таких сайтов, даже не подозревают о важности этой маленькой картинки и о том, что они теряют при этом. Поэтому, создание фавикона для сайта можно отнести к приоритетной задаче, которую должен решить для себя каждый веб-мастер, не зависимо от уровня своих знаний и мастерства……

Находясь в сети Интернет, мы постоянно видим различные фавиконы сайтов. Они отличаются друг, от друга выделяя при этом сайт, которому они принадлежат из общей массы. Это придает индивидуальность веб — ресурсам. Некоторые сайты не имеют собственного фавикона. Владельцы таких сайтов, даже не подозревают о важности этой маленькой картинки и о том, что они теряют при этом. Поэтому, создание фавикона для сайта можно отнести к приоритетной задаче, которую должен решить для себя каждый веб-мастер, не зависимо от уровня своих знаний и мастерства.

Что же такое фавикон? От английского FAVorites ICON — что означает иконка для избранного. Термин — Favicon, применим для сайтов, то есть он означает, что у веб-ресурса есть отличительный знак в виде значка для всего сайта или отдельной веб-страницы. Увидеть этот значок можно в браузере, где отображаются открытые вкладки, а так же рядом с адресом сайта в результатах поисковой выдачи. Фавикон еще можно сравнить с логотипом сайта, который его представляет в сети Интернет. Теперь немного о том, почему этот значок имеет большое значение. Каждый человек воспринимает информацию, предложенную ему в виде графического объекта лучше, чем обычный текст. Отсюда можно сделать вывод, что посетители, пришедшие на ваш сайт, могут с первого раза и не запомнить его название или доменное имя, но яркая, красивая фавиконка обязательно отложится в памяти. Просматривая результаты поиска, и встретив взглядом знакомую картинку, скорее всего посетителей перейдет по ссылки на ваш сайт, так как он уже когда-то был на нем и в его памяти остался вид графического элемента принадлежащего вашему сайту. Это произойдет лишь в том случае, когда о веб-ресурсе сложились неплохие впечатления.

Делаем вывод, что фавикон может косвенно влиять на посещаемость сайта. Помимо всего прочего, в сети Интернет и среди веб-мастеров наличие фавикона на сайте является хорошим тоном. Эта маленькая картинка, говорит о профессионализме веб-мастера, который учитывает даже такие незначительные нюансы при создании сайта. Помните об этом и не ленитесь делать фавиконки для своих веб-проектов. Теперь давайте разберемся, как сделать фавикон для сайта. Сделать его можно несколькими способами – это с использованием программ или воспользовавшись услугами специальных сервисов. Самый простой и быстрый способ создания фавикона — это воспользоваться маленькой программкой под названием «Adsen Favicon». Работает она во всех версиях операционной системы семейства Windows, начиная с версии Windows 95. Распространяется бесплатно. После установки программы запустите ее. Перед вами откроется окно.

 

программа для создания фавикон

 

Для того чтобы выбрать изображение нажмите кнопку «Open image», далее выберите заготовленную картинку. После этого необходимо определиться с размером фавиконки. Для сайта – это 16х16, а для создания ярлыка в компьютере — 32х32. Помимо этого в меню — «Color depth of icon» выбираем, сколько бит будет использовано при отображении цветов RGB. Оптимальное решение для фавиконки 24 bit – этот параметр показывается по умолчанию. После проведенных настроек нажимаем кнопку «Save icon» и указываем место для сохранения фавиконки сайта. Теперь остается только закачать фавикон в корневую директорию вашего сайта на сервере и в коде страницы, на которой вы хотели бы видеть фавикон, прописать следующие строки между тегами <head></head>:

<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" type="image/ico" href="favicon.ico" />

Следующий вариант создания фавиконки для сайта — это различные сервисы в сети Интернет. Хочу сразу заметить, что встречаются сервисы, которые капризничают и не хотят корректно работать с некоторыми браузерами, например, с браузером Opera. Поэтому, если у вас что-то не получилось, то попробуйте проделать неудачную операцию еще раз в другом браузере, например, IE или Mazila Firefox. Мы рассмотрим два сервиса, я считаю, что этого вам будет вполне достаточно для того, чтобы создать фавикон. Первый из них называется — FavIcon from Pics, для создания фавиконки перейдите по ссылке. На странице сайта в поле «Обзор», выберите нужное вам изображение и нажмите на кнопку «Generate Favicon.ico».

Как сделать фавикон для сайта

Теперь необходимо скачать готовый фавикон. В следующем окне вы сможете посмотреть на то, что у вас получилось. Будет предложено два варианта фавикона – один обычный, а другой анимированный. В поле — Your favicon preview внизу нажмите — All sizes (все размеры). Справа проявится окно, где можно нажатием кнопки – Remove удалить ненужные фавиконки, размеры которых вам не подходят. Щелкаем по кнопке «Download FavIcon Package» и скачиваем весь пакет фавиконок. В архиве вы найдете файл, где будет изложена инструкция по установке фавикона на сайт, правда она на английском языке.

пакет фавикон

 

И еще один сервис. Он вообще простой. Называется — FavIcon Generator, для работы с ним перейдите по ссылке. Здесь все аналогично первому сервису. Выбираем изображение, нажимаем на кнопку — Create Icon и внизу — Download Favicon. В этом случае фавикон будет иметь стандартный размер 16х16. Если вам нужно сделать фавикон большего размера, то справа отметьте галочкой пункт с размерами.

Как сделать фавикон для сайта

Теперь вы научились делать фавиконки для сайта. Это нужная и важная вещь, которая не только украсит ваш сайт, но и добавит ему престижа в глазах посетителей и специалистов в области веб-разработки. Не забывайте об этом.