Установка favicon на сайт

Установка favicon (иконки, фавикон) на сайт

Вот и прошел уже второй месяц лета и осталось совсем мало времени до конца лета, поэтому посты пишу редко а больше отдыхаю, но сейчас не об этом. Сегодня я расскажу вам как сделать фавикон на вашем сайте. Можете называть хоть как иконка, фавикон, favicon — как вам удобно.

Что бы сделать фавикон на сайте нам поможет один очень классный сервис через который я и делаю свой фавикон.

Что бы нарисовать favicon вам поможет панель инструментов и набор различных цветов.

Нарисовать вы можете что у годно, вот что например получилось у меня:

И все проделанную работу можно посмотреть на этом же сервисе пролистав страницу вниз и там вы увидите как будет выгладить ваш нарисованный favicon в браузере.

Или же это все можно увидеть прямо в браузере.

Так же там можно загружать свою картинку и уже из неё делать иконку на сайт.

Для этого вам поможет кнопка Import Image, при нажатии на неё вы сможете загружать картинку на сервис и уже так же смотреть полученный результат.

Теперь вам нужно скачать изображение, для этого нажимаем на кнопку Download Favicon

И ваша иконка на сайт начинает скачиваться.

После того как она скачалась идем на хостинг или через любой другой ftp клиент загружаем favicon в корневой каталог вашего сайта.

После того как картинка загружена на хостинг нужно почистить кеш браузера и обновить главную страницу вашего сайта, если иконка не появилась делаем следующее.

Нужно вставить данный код в файл header.php. Код должен быть после тега <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» />

Меняем адрес сайта на свой адрес сайта.

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

На этом я заканчиваю.

Если возникли трудности или вопросы обращайтесь в комментариях отвечу всем.

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

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

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

Оставьте мне собщение