Топ-100 Как разместить favicon на Вашем сайте - Заказать сайт в веб-студии «Вечность»
Как разместить favicon на Вашем сайте

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

Что такое favicon?

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

Зачем нам это нужно?

В дополнение к вышесказанному, favicon также удобен для посетителей Вашего сайта. Это демонстрируется следующим изображением:

Как разместить favicon на Вашем сайте

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

Как сделать фавикон?

Фавикон – простая картинка, в форме квадрата, у нее должен быть размер 32х32 или 16х16 пикселей. Вы можете создать его с помощью любой программы обработки изображений – Photoshop, Gimp, Paint, и так далее. Также вы можете использовать сервисы онлайн для создания фавикона.

Если возможно, используйте ваш логотип для создания иконки сайта. В большинстве случаев, логотип слишком велик для Фавикон. Так что выбирайте какую-то часть Вашего логотипа или подбирайте ее по небольшому размеру. Например, favicon от Apple – это пресловутое яблоко, а Google – это «g» на синем фоне. Сохраните файл в формате PNG. Я использую этот формат, что бы сохранить на прозрачном фоне.

Формат .ICO

В настоящее время большинство современных браузеров поддерживают форматы .PNG и .GIF как форматы favicon, но старые версии Internet Explorer – нет. Поэтому лучше конвертировать файл .PNG в формат .ICO. Вы можете сделать это на любом сервисе онлайн, просто наберите в Яндекс: “сделать фавикон онлайн”. Большинство программ обработки изображений не поддерживают прямое сохранение изображения в формате .ICO (кроме Gimp).

Давайте загрузим фавикон на ваш сайт WordPress!

Многие темы WordPress (особенно платные) позволяют загружать значки прямо из настроек темы. Воспользуйтесь этим, если это возможно.

Загрузить Favicon вручную

1) Если указанная выше опция недоступна, Вы можете загрузить свой фавикон вручную. Загрузите его прямо в корневой каталог Вашего сайта. Вы можете сделать это через FTP или через файловый менеджер вашего хостинга. Убедитесь, что Вы правильно назвали свой файл: favicon.ico

2) Необязательно, для продвинутых энтузиастов: чтобы обеспечить 100% совместимость с любыми экзотическими или старыми браузерами, введите следующий код в header.php вашей темы:

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

Вы можете сделать это, отредактировав файл напрямую, но он будет перезаписан при обновлении темы. Поэтому лучше использовать дочернюю тему. Другой простой вариант – использовать плагин Insert Headers and Footers для ввода кода.

 

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

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

Получить предложение

Pin It on Pinterest