Добавление фавикона на сайт
Фавикон - это изображение, которое появляется слева от названия веб-сайта в поле URL браузера, а также слева от названий веб-сайтов на панели закладок.
Обычно это графический файл размером 16 x 16 пикселей в формате Windows ICO, но современные браузеры поддерживают большие форматы и размеры файлов.
Создание фавикона
Чтобы создать favicon на компьютере:
- Для рисования используется утилита Paint, поставляемая с Windows (любая другая программа рисования будет работать).
- Изображение сохраняется в формате BMP или GIF.
- Затем XnView используется для его преобразования в формат ICO, если это необходимо.
С помощью Gimp возможно сохранение изображения непосредственно в формате ICO.
Использование онлайн-сервиса
Эти сервисы позволяют создать фавикон из вводимого вами текста или из изображения на жестком диске, который затем уменьшается до нужного размера.
- Антифавикон. Определите онлайн-фавикон с текстом.
- HTML-kit, создайте favicon онлайн, уменьшив предоставленное вами изображение.
- Динамический привод, также использует образ.
- Генератор Favicon Degraeve. Изображение выше - это GIF-файл, загруженный в этот онлайн-редактор .
- Favicon.cc. Интерактивный инструмент рисования.
Использование фавикона
Просто поместите значок в корень веб-сайта, т.е. в каталог www, если он существует, чтобы он автоматически появился в строке URL, а также автоматически появился в избранном при выборе сайта.
Некоторые браузеры не распознают наличие фавикона? Попробуйте добавить следующую строку в раздел HEAD HTML-кода домашней страницы:
<link rel="shortcut icon" type="image/x-icon" href="https://www.iqlevsha.ru/favicon.ico" />
Замените iqlevsha.ru именем домена сайта.
Другие форматы
Последние браузеры могут распознавать форматы GIF или PNG. Но для этого нужно добавить в раздел head главной страницы тег, который указывает тип со следующим кодом:
<link rel="icon" type="image/gif" href="http://www.example.fr/favicon.gif" />
или в формате PNG:
<link rel="icon" type="image/png" href="http://www.example.fr/favicon.png" />
То же примечание, что и выше для доменного имени.