Сделать Favicon для сайта онлайн

Favicon (сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-cайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, в вкладках и других элементах интерфейса.



Как пользоваться сервисом для создания favicon?

  1. Нажмите «Выбрать изображение с компьютера» и загрузите картинку в форматах jpg, jpeg, png, gif или bmp. Нужно
    выбрать квадратное изображение без мелких деталей;
  2. Нажмите «Создать Favicon»;
  3. Сервис покажет пример того, как будет выглядеть ваш favicon. Если результат устраивает, скачайте файл.

Зачем делать favicon?

  • Узнаваемость и запоминаемость сайта
    Иконки favicon помогают выделить вкладку с вашим сайтом узнаваемой, это важно, когда пользователь одновременно
    открывает несколько ресурсов. С заметным фавиконом ваш сайт не потеряется среди других открытых сайтов.

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

FAQ

Что такое иконки favicon?

Favicon – это небольшой значок, отображающийся рядом с названием сайта в окне браузера или в выдаче поисковика. Никакой функции для SEO он не несет, но его использование позволяет повысить узнаваемость сайта, и, как следствие, показателя CTR. Также вы можете создать ретина фавиконоки. Какого размера должен быть favicon? Как правило, фавиконы бывают размеров 16x16px или 32x32px.

В каком формате я получу favicon?

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


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

Нужно загрузить favicon в корневой каталог сайта, чтобы получился адрес вида http://sitename.ru/favicon.ico. Это путь к изображению. Далее нужно поместить код в тег . Должно получиться так:

<head>
 ...
 <link rel="icon" href="https://sitename.ru/favicon.png" type="image/x-icon">
 <link rel="shortcut icon" href="https://sitename.ru/favicon.png" type="image/x-icon">
 ...
</head>


Зачем указывать путь к favicon?

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

Favicon будет отображаться в поисковой выдаче?

В Google фавиконы не отображаются. У Яндекс есть так называемая индексация фавиконов, этот процесс занимает от недели до месяца.