Когда вы посещаете такие сайты, как Google, Yahoo или wikiHow, вы можете увидеть небольшой значок слева от адресной строки. Этот значок известен как значок, и вы можете создать его для своего собственного веб-сайта. Этот значок не только придает сайту профессиональный вид, но и появляется в сегменте закладок пользователя рядом с сайтами, которые они помечают как избранные. Таким образом, пользователям будет проще найти ваш сайт.
Шаг
Шаг 1. Создайте изображение размером 16 х 16 пикселей
Используйте простые изображения для облегчения идентификации.
Шаг 2. Преобразуйте изображение в файл «favicon.ico»
Файл должен быть назван таким образом, чтобы браузер мог его распознать. Самый простой способ сделать это - использовать службу Dynamic Drive FavIcon Generator. Вы также можете использовать бесплатную программу для редактирования изображений GIMP и сохранить изображение с разрешением 16 x 16 пикселей в формате ICO.
Шаг 3. Загрузите созданный файл на сайт
Шаг 4. Добавьте следующий код в HTML-код веб-сайта
Вам нужно добавить его в сегмент кода и убедиться, что адрес каталога значков правильный, как указано на веб-странице. Вот код, который вам нужно будет ввести (при условии, что файлы.html и.ico находятся в одном и том же каталоге top / main):
Шаг 5. Перезагрузите страницу, посмотрите и полюбуйтесь новой красивой иконкой для вашего сайта
подсказки
- Несмотря на то, что они очень маленькие по размеру, убедитесь, что люди могут легко прочитать или понять используемые значки.
- Если вы используете операционную систему Linux, вы можете конвертировать файлы прямо со своего компьютера. Выберите соответствующее изображение, откройте программу командной строки (командную строку), посетите каталог, в котором хранится файл изображения, и введите: convert image-p.webp" />