Что такое фавиконы и как их использовать

Какой фавикон вам больше нравится?

Фавикон — это небольшое индивидуальное графическое изображение веб-сайта, которое отображается рядом с адресной строкой. В зависимости от браузера, он также появляется в закладках / на панели инструментов закладок и панели таблицы или в виде ярлыка на рабочем столе. Название Favicon — это комбинация английских слов "favorite" и "icon", что можно перевести как "любимый символ". Microsoft ввела это новшество в Internet Explorer 4. В настоящее время все браузеры поддерживают фавиконы

Хотя современные браузеры могут использовать в качестве favicon такие распространенные графические форматы, как GIF и JPEG, Дэвид Паркер, веб-дизайнер службы бумажной помощи, рекомендует использовать формат ICO. Этот довольно неизвестный формат может содержать коллекцию графики в различных разрешениях. Браузер выбирает размер, который ему необходим в данный момент.

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

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

Внедрение фавиконов
Часто пользователи систем управления контентом (CMS), таких как WordPress, Joomla или Drupal, задаются вопросом, как интегрировать индивидуальный favicon. В большинстве случаев уже существует демонстрационный фавикон, который нужно просто заменить. Тем не менее, остается много вопросов, которые мы постараемся решить в следующем тексте.

Вставить фавикон в WordPress
WordPress является одной из систем, которые уже имеют свой собственный фавикон в корневом каталоге программы. После установки системы появляется фавикон.файл ico. Он должен быть заменен новым, индивидуальным фавиконом.ico файл. Часто бывает, что браузер не сразу заменяет иконку, потому что иконки хранятся в кэше браузера. В этом случае поможет перезапуск или очистка кэша браузера. Если вы используете собственную тему WordPress, может случиться так, что код для интеграции фавикона отсутствует в исходном тексте. В этом случае необходимо скопировать код для интеграции фавикона в область в шапке сайта.php-файл

HTML-код
Существует три различных способа включения favicon на ваш сайт. Причина, по которой существуют различные возможности, заключается в различной функциональности веб-браузера (e.g. Firefox, Internet Explorer и т.д.).

HTML иконка
Этот вариант является официальным стандартом HTML от W3C. Можно использовать различные графические форматы (.ico, .png, .gif, .jpg, .svg). Необходимо указать соответствующий MIME-тип и адрес графического изображения. Ниже перечислены различные типы mime.

HTML иконка быстрого доступа
Однако для Internet Explorer необходимо использовать другой вариант. Поскольку следующий тип совместим с большинством браузеров, рекомендуется использовать его.

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

Типы мимов

Ico
image / vnd.microsoft.иконка
.jpg
изображение / jpeg
.gif
изображение / gif
.png
изображение / png
.svg
изображение / svg + xml

Вставить фавикон в Joomla
Joomla также уже имеет демонстрационный favicon в корневом каталоге, который необходимо заменить. Однако здесь также следует отметить, что favicon зависит от шаблона и может быть расположен в подкаталоге используемого шаблона. Как правило, в исходном тексте не нужно писать никакого дополнительного кода, только загрузить фавикон в папку шаблона

Вставка фавикона в Drupal
У Drupal есть небольшая особенность, когда дело доходит до фавиконов. Чаще всего фавикон находится не в корневой директории CMS, как обычно, а в главной папке шаблона. Но и здесь его нужно просто заменить.

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

Оцените статью
Добавить комментарий