Как установить фавикон на ваш сайт: простое руководство

Статья

28.05.2023 г. в 16:20

Хотите сделать свой сайт более узнаваемым и профессиональным? Фавикон (favicon) – это маленькая иконка, которая отображается во вкладке браузера рядом с заголовком страницы, в закладках и в истории посещений. Это небольшой, но важный элемент брендинга, который помогает пользователям быстро идентифицировать ваш сайт среди множества других.

Установка фавикона – это простой процесс, который не требует специальных знаний. Вам понадобится файл с иконкой в формате .ico (или .png), размером 16x16, 32x32 или 48x48 пикселей. Вы можете создать свою иконку в графическом редакторе или использовать онлайн-генераторы фавиконов.

Для установки фавикона, поместите файл с иконкой в корневую директорию вашего сайта. Затем, в <head> секцию HTML-кода каждой страницы вашего сайта, добавьте следующий код:

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

Если ваш фавикон имеет формат .png, замените type="image/x-icon" на type="image/png" и расширение файла в href.

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