База знаний 🌱kvitly

Как загрузить favicon?

Что такое фавикон

Фавикон или favicon — это маленькое изображение, которое отображается во вкладке браузера и в результатах поиска. Это позволяет сделать ваш сайт более узнаваемым для посетителей.

Обычно иконка очень очень похожа на логотип бренда или может содержать какой-то символ, который ассоциируется с вашим брендом.

Для чего нужен фавикон

Фавикон помогает вашим клиентам найти сайт среди вкладок в браузере. Работает на узнаваемость.

Повышает доверие к сайту

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

Увеличивает посещаемость

Согласитесь, что вы скорее перейдете в поиске на сайт, возле которого будет красоваться симпатичная яркая иконка, а не пустое место и текст.

Как создать иконку

Иконка очень маленькая, всего 16 на 16 пикселей, поэтому просто загрузить какую-нибудь фотографию будет не достаточно. На. таком маленьком изображении сложно будет рассмотреть детали.

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

Требования «Яндекс» к фавиконке

Размер: 120 * 120 пикселей, 32 * 32 или 16 * 16.

Формат: SVG (рекомендуемый), ICO, GIF (без анимации), JPEG, PNG, BMP.

Подробнее о фавиконках можно почитать на сайте Яндекс

Требования Google к фавиконке

Размер: кратный 48 — 144 * 144, 96 * 96, 48 * 48. Загружать файл 16*16 не рекомендуется.

Формат: SVG, ICO, GIF (без анимации), JPEG, PNG.

Подробнее о фавиконках можно почитать на сайте google

Где можно сделать иконку

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

Favicon Generator for perfect icons on all browsers

The ultimate favicon generator - Favic-o-Matic

favicon.ico Generator

Как добавить фавикон на сайт

Чтобы добавить фавикон на сайт, перейдите в раздел «Настройки‎»

Выберите раздел «‎Общие настройки»

Пролистайте страницу до пункта «‎Фавикон»

И нажмите на кнопку «‎Выбрать файл» и загрузите подготовленное изображение с компьютера.

Остались вопросы?

Мы всегда готовы помочь вам с запуском сайта или ответить на любые вопросы по работе с 🌱kvitly.
Хотите поговорить с человеком?