Что такое favicon и как ее установить?

Что такое favicon?

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

Это иконка, маленькая картинка на каждом сайте, которая расположена перед заголовком страницы. Чаще всего это логотип компании, но многие просто добавляют тематическое изображение. В чем такая необходимость возросла в необходимости установки указанной иконки? Кроме того, что она сама по себе красиво смотреться так она еще и привлекает внимание наших читателей! Вы можете обратить ваше внимание на наш favicon:

favicon

Как установить иконку?

Перед тем как устанавливать вам надо его создать или откуда-то скачать. Давайте возьмем для примера один сайт с иконками.
Например переходим на сайт иконок, далее в поиске вводим тематику вашего изображения, где выбираем понравившуюся нам иконку и скачиваем ее себе на компьютер. Желательно иконку выбирать размером 32х32 пикселя с расширением файла ICO.

После этого изменяем название нашей иконки на favicon.ico.

Половину дистанции мы уже прошли! Далее заходим в админ панель управления вашим хостингом и переходим в корневой каталог вашего сайта. Загружаем наш файл с иконкой на сервер. Сложностей с этим, я надеюсь, у вас не возникнет. Вот и все! Браузер автоматически ищет данный файл и потом отображает его в случае успеха.

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

<head>
<link rel=»shortcut icon» href=»/images/favicon.ico» type=»image/x-icon»>
</head>

Так же в данном коде атрибут «type» можно изменить на GIF или PNG. Что даст вам возможность использовать не только расширение ICO. Вы так же можете попробовать нарисовать данную иконку, однако вам потребуются навыки графических редакторов типа Photoshop. Но тут уже зависит от ваших пожеланий и запросов. В крайнем случае всегда можно найти человека, который умеет делать графический контент, однако это уже совсем другая история о заказах графики для сайта, о которой мы поговорим в следующей статье.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *