Что такое Favicon? Как и где его сделать?

Что такое иконка для сайта? Зачем она нужна? 

Favicon позволяет сделать Ваш сайт более эстетичным и привлекательным для читателей. Поэтому, если иконка на Вашем онлайн-ресурсе еще не установлена, об этом необходимо серьезно задуматься.

Что же это за волшебный зверь такой?

Favicon – это иконка для «Избранного». Его название происходит от FAVoritesICON. Поисковая система Яндекс занимается индексированием фавиконов, что, несомненно, положительно скажется на ранге Вашего сайта. Но не сразу.

На сегодняшний день есть 2 варианта получить фавикон – сделать его самостоятельно или скачать из онлайн-галерей.
Изначально иконка имеет расширение ICO, но тот же Яндекс преобразует его в PNG, делая доступным теперь уже Ваш favicon по специальному адресу:

http://favicon.yandex.net/favicon/example.ru

Отличительные черты фавикона

Для favicon разработан ряд требований, которым иконка Вашего сайта должна в обязательном порядке соответствовать:
Базовый формат расширения – ICO. Размер также строго регламентируется и должен составлять 16 на 16 пикселей.

Как получить favicon

Favicon можно сделать самостоятельно как в Photoshop или любом другом графическом редакторе, так и в специальном генераторе иконок. Однако, для создания этой полезной картинки в Photoshop потребуется установить специальный плагин ввиду того, что данный редактор не умеет по умолчанию создавать изображения с расширением ICO.

Хотя, гораздо проще и быстрее создать Favicon на специальных онлайн-сервисах.

Также можно скачать иконку с одной из многочисленных галерей.

Создаем собственный Favicon

В интернете достаточно много генераторов для создания иконок для сайтов. Один из наиболее популярных – Faviconcc, позволяющий создать собственный шедевр, рисуя попиксельно.

Он достаточно прост в эксплуатации. Но, если возникнут трудности, всегда можно обратиться к помощи глобальной сети. Посмотреть, что получилось, можно в режиме Preview. Когда будет получен желанный результат, воспользовавшись кнопкой Download Вы без труда загрузите иконку на свой сайт.

Если не хотите рисовать свой фавикон с нуля, то можно загрузить картинку, которая пришлась по душе и преобразовать ее, воспользовавшись кнопкой ImportImage.

Также всегда можно воспользоваться помощью онлайн-генераторов для создания фавикона на свой сайт. Такие иконки также будут доступны для редактирования, как созданные вручную с нудя. Интерфейс в такого рода программах простой и вполне понятный. В помощь неопытному художнику всегда будет галерея из созданных ранее другими пользователями изображений.

Хорошим примером простого, функционального и удобного генератора фавикона является Favicon.ru.

Как установитьфайвикон на сайт 

Яндекс начинает поиска файвикона с корневого каталога сайта. Логично саму иконку разместить именно там.

Можно установить иконку и мануально, прописав

<linkrel=”shorticon” type=”image/ico” href=”htpp:местоположение_иконки/название_иконки.ico”/>

В популярных сегодня Joomla и WordPress используются несколько отличные способы:

/templates/папка_с_шаблонами_оформления/название_иконки.ico (Joomla)

/wp-content/themes/папка_с_темами_оформления/название_иконки/ico (WordPress)

Удачи!