Как создать фавиконку (favicon) и установить ее на сайт?

Как создать фавиконку (favicon) и установить ее на сайт?

Как сделать фавиконку (favicon) и установить на сайт?

Фавиконка – специальный значок, который стоит перед адресом сайта в браузере. Этот значок придает сайту дополнительную красоту и отличительность от других сайтов.

Например, на этом сайте (denrp.ru) моя фавикона выглядит так:

Как создать фавиконку (favicon) и установить ее на сайт?

Она простая. Но зато она есть. Может быть в будущем сделаю ее другой.

В поиске информации по Яндексу выводятся сайты, и показывается их фавиконка (favicon). И поэтому человек, с большей вероятностью, кликнет на сайт с более привлекательной фавиконкой. И меньше шансов для сайта, у которого нет фавиконки. Я и сам не люблю заходить на сайты, у которых нет фавиконок (я часто ищу информацию именно через Яндекс). Наверное, это не любят делать и другие люди. А значит, чтобы увеличить посещаемость сайта, для него нужно обязательно создать индивидуальный, особенный favicon.ico. Ну и в отличие от поиска в Яндексе в Гугловском поиске не отражаются фавиконки сайта.

Теперь перейдем непосредственно к вопросу, как сделать фавиконку. Для этого нам придется посетить некоторые сайты. Вначале рассмотрим сайты, где я уже сам делал фавиконки для своих сайтов. Таких сайтов двое.

1. http://www.favicon.cc/ — симпатичный сайт, где можно нарисовать фавиконку. Именно там я и сделал фавиконку для этого сайта.

Используя цвета палитры рисуете свою фавиконку.

Как создать фавиконку (favicon) и установить ее на сайт?

Затем нажимайте – Dowload Favicon. И все — вы скачали фавиконку к себе на компьютер, которую потом можете использовать.

Как создать фавиконку (favicon) и установить ее на сайт?

2. http://www.cy-pr.com/tools/favicon/ — еще один сайт, используемый мною. Здесь вообще вам не придется рисовать. Нужно будет просто найти хорошую картинку и конвертировать ее в favicon.ico. Когда картинку конвертировали, то нужно подвести стрелочку к картинке, нажать правой кнопкой мыши, и выбрать сохранить.

Как создать фавиконку (favicon) и установить ее на сайт?

Есть и другие сервисы в интернете, с помощью которых можно создавать фавиконки. Я их не использовал. Но перечислю, какие еще есть сайты (может быть вам интересно).

  1. http://www.favicon.ru/
  2. http://amichurin.appspot.com/favicon_editor.html
  3. http://shaheeilyas.com/favicon/
  4. http://www.degraeve.com/favicon/
  5. http://www.webscriptlab.com/favicongenerator.php

Ну, мы создали фавиконку (favicon.ico) и теперь нужно установить ее на сайт. Для этого нужно просто закачать фавиконку в корневой каталог вашего сайта. Если после этого у вас не отображается фавиконка на сайте, то нужно прописать между тегами <head> </head> следующий код:

<link rel="shortcut icon" href="http://адрес вашего сайта/favicon.ico"type="image/x-icon" />
<link rel="icon" href="http://адрес вашего сайта/favicon.ico" type="image/x-icon" />

При этом нужно заменить значение «адрес вашего сайта» — вашим адресом сайта.

Все легко и просто! Теперь ваш сайт будет украшать удивительная фавиконка, которую вы сами создадите.

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: